/*############ COLORS ############

    #888885 -   Dark Grey
    #BBBDBF -   Middle Grey
    #F2F2F2 -   Light Grey
    #0F0F0F -   Almost Black
*/

a { color: #888885; }

a:hover { color: #363639; }

#container { background-color: #8E8D8E; }

#breadcrumb { background-color: #FFFFFF; }

#menu { background-color: #BBD631; }

select 
{
    background-color: #F2F2F2;
    border-color: #E4E4E4 !important;
    height: 21px;
    color: #0F0F0F;
}

.frame { background-color :#F2F2F2; }

.altframe { background-color :#ffffff; }

.bgcolor { background-color: #FFFFFF; }

.gridHeader { background: #BBD631; }

.gridAlternatingRowStyle { background: #FFFFFF; }

.gridRowStyle { background: #FFFFFF; }

.gridRowMouseOver { background: #F2F2F2; }

.tbleftimage { background-color: #FFFFFF; }

.button { color: #ffffff; }

.buttonWide { color: #ffffff; }

.dropdownlist { border: #BBBDBF; }

.datalistItemStyle .datalistBackground { background-color: #F2F2F2; }

.datalistAlternatingItemStyle { background-color: #FFFFFF; }

.datalistAlternatingItemStyle .datalistContent { border-left: 1px solid #A3A3A3 !important; border-right: 1px solid #A3A3A3 !important; }

.datalistContent {
padding: 15px;
border-left: 1px solid #A3A3A3;
border-right: 1px solid #A3A3A3;
}
.datalistItemStyle .datalistBottomRight {
    border-bottom: 1px solid #A3A3A3 !important;
}

.datalistItemStyle .datalistTopRight {
    border-top: 1px solid #A3A3A3 !important;
}

.datalistAlternatingItemStyle .datalistBottomRight {
    border-bottom: 1px solid #A3A3A3 !important;
}

.datalistAlternatingItemStyle .datalistBottomBorder {
    border-color:#A3A3A3 !important;
}

.datalistAlternatingItemStyle .datalistTopBorder {
    border-color:#A3A3A3 !important;
}

.datalistItemStyle .datalistReverseItemStyle .datalistReverseBackground,
.datalistItemStyle .datalistReverseAlternatingItemStyle .datalistReverseBackground
{
    background-color: #ffffff;
}

.datalistAlternatingItemStyle .datalistReverseItemStyle .datalistReverseBackground,
.datalistAlternatingItemStyle .datalistReverseAlternatingItemStyle .datalistReverseBackground
{
    background: #f2f2f2;
}

/*############ BACKGROUND IMAGES ############*/

#container 
{ background-image: url('images/container_bg.gif'); }

#header
{ background-image: url('images/container_top.gif'); }

#logo
{ background-image: url('images/container_tl.gif'); }

#login
{ background-image: url('images/container_tr.gif'); }

#main {
     background-image: url('images/container_bl.gif');
     padding: 0 1px 1px 1px !important; 
}

#content
{ background-image: none;}

#rightcorner
{ background-image: none; }

#leftcorner
{ background-image: none; }

.gridHeader input, .gridHeader img
{ background-image: url('images/buttons/i_gridmedium.png'); }

#login .imageButton
{ background-image: url('images/buttons/i_login.png'); }

#menu .imageButton
{ background-image: url('images/buttons/i_medium.png'); }

#nav .imageButton
{ background-image: url('images/buttons/i_large.png'); }

.imageButton
{ background-image: url('images/buttons/i_large.png'); }

.imageButtonSmall
{ background-image: url('images/buttons/i_small.png'); }

.button
{ background-image: url('images/buttons/b_normal.png'); }

.buttonWide
{ background-image: url('images/buttons/b_large.png'); }

.datalistItemStyle .datalistTopLeft
{ background-image: url('images/corner_solid_tl.gif'); }

.datalistItemStyle .datalistTopRight
{ background-image: url('images/corner_solid_tr.gif'); }

.datalistItemStyle .datalistBottomLeft
{ background-image: url('images/corner_solid_bl.gif'); }

.datalistItemStyle .datalistBottomRight
{ background-image: url('images/corner_solid_br.gif'); }

.datalistAlternatingItemStyle .datalistTopLeft
{ background-image: url('images/corner_border_tl.gif'); }

.datalistAlternatingItemStyle .datalistTopRight
{ background-image: url('images/corner_border_tr.gif'); }

.datalistAlternatingItemStyle .datalistBottomLeft
{ background-image: url('images/corner_solid_bl.gif'); }

.datalistAlternatingItemStyle .datalistBottomRight
{ background-image: url('images/corner_solid_br.gif'); }

.datalistItemStyle .datalistReverseItemStyle .datalistReverseExclamation
{ background-image: url('images/balloon_l_alt.gif'); }

.datalistItemStyle .datalistReverseAlternatingItemStyle .datalistReverseExclamation
{ background-image: url('images/balloon_r_alt.gif'); }

.datalistAlternatingItemStyle .datalistReverseItemStyle .datalistReverseExclamation
{ background-image: url('images/balloon_l.gif'); }

.datalistAlternatingItemStyle .datalistReverseAlternatingItemStyle .datalistReverseExclamation
{ background-image: url('images/balloon_r.gif'); }

.datalistAlternatingItemStyle .datalistReverseItemStyle .datalistReverseTopLeft,
.datalistAlternatingItemStyle .datalistReverseAlternatingItemStyle .datalistReverseTopLeft
{ background-image: url('images/w_corner_solid_tl.gif'); }

.datalistAlternatingItemStyle .datalistReverseItemStyle .datalistReverseTopRight,
.datalistAlternatingItemStyle .datalistReverseAlternatingItemStyle .datalistReverseTopRight
{ background-image: url('images/w_corner_solid_tr.gif'); }

.datalistAlternatingItemStyle .datalistReverseAlternatingItemStyle .datalistReverseBottomLeft
{ background-image: url('images/w_corner_solid_bl.gif'); }

.datalistAlternatingItemStyle .datalistReverseItemStyle .datalistReverseBottomRight
{ background-image: url('images/w_corner_solid_br.gif'); }

.datalistItemStyle .datalistReverseItemStyle .datalistReverseTopLeft,
.datalistItemStyle .datalistReverseAlternatingItemStyle .datalistReverseTopLeft
{ background-image: url('images/i_corner_solid_tl.gif'); }

.datalistItemStyle .datalistReverseItemStyle .datalistReverseTopRight,
.datalistItemStyle .datalistReverseAlternatingItemStyle .datalistReverseTopRight
{ background-image: url('images/i_corner_solid_tr.gif'); }

.datalistItemStyle .datalistReverseAlternatingItemStyle .datalistReverseBottomLeft
{ background-image: url('images/i_corner_solid_bl.gif'); }

.datalistItemStyle .datalistReverseItemStyle .datalistReverseBottomRight
{ background-image: url('images/i_corner_solid_br.gif'); }

/*############ LOGIN ############*/

#logincontainer 
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #888885;
    margin-top: 50px;
    width: 648px;
    height: 545px;
    margin-left: auto;
    margin-right: auto;
    background: url('images/teamq.png') no-repeat;
}

#loginheader
{
    height: 300px;
}

#loginheader h1
{
    display: none;
}

#loginheader h2
{
    display: none;
}

#logincontent
{
    font-size: 14px;
    height: 175px;
}

#logincontent .button
{
    background: url('images/btn_login.png') no-repeat;
    height: 33px;
    width: 61px;
    color: #ffffff;
    margin-left: 10px;
    border: 0px;
}

#loginfooter
{
    padding-left: 20px;
    padding-right: 10px;
    font-size: 12px;
}

#loginfooter p
{
    margin-bottom: 10px;
}

#loginfooter a { color: #888885; text-decoration: none; }

#loginfooter a:hover { color: #363639; /*text-decoration: underline;*/ }

.loginalignleft
{
    text-align: left;
}

.loginalignright
{
    text-align: right;
}

.loginaligncenter
{
    text-align: center;
}

.loginsmalltext
{
    font-size: 12px;
}

.loginaccent
{
    color: #f29405;
}

.loginalert
{
    color: Red;
    font-size: 12px;
}