@charset "utf-8";
/** ============================== Blue ============================== **/

html { 					color: #3b3b3b;				/** Overall font body color **/ }




/** ============================== background for main content area ============================== **/

#content_bg { 			background: #5a88e4 url(../images/content_bg.jpg) repeat-x; }



/**  ============================== Anchor Styling  ============================== **/

a {						color: #3760b5; }
a:hover {				color:#6f94db; }




/** ============================== Element Styling ============================== **/

h1 { 					color: #3964bc; }
h2 { 					color: #3964bc; }
h3 { 					color: #5b88e3; }
h4 { 					color: #373737; 
font-weight: bold;}
h5 { 					color:#727272; }
h6 { 					color: #373737; }
hr { 					color:#c0c0c0;
						border-bottom-color: #c0c0c0;
						}
blockquote { 			color: #000;
						background-image: url(../images/blockquote_bg.gif);
						}



/** ============================== Form Styling ============================== **/

fieldset { 				border:1px solid #d2d1d1; }
fieldset legend { 		color:#5b88e3; }
form label { 			color:#585858; }
form p small { 			color: #777; }
form textarea, form .wysiwyg {
						color:#111111; }
form input.textfield, form select, form textarea, form .wysiwyg {
						background: #ffffff url(../images/textfield_bg.gif) repeat-x top; /*Define background for input elements here*/
						border: 1px solid #d2d1d1;
						}
/************** Focus styles **************/ 
form input.textfield:focus, form select:focus, form textarea:focus {
						background: #fbfafb url(../images/textfield_active_bg.gif) repeat-x top; /*Define bacground for focussed form elements here*/
						border:1px solid #a7d9ff;
						}
/************** Error styles ***************/ 
form input.error, form select.error, form textarea.error, form .wysiwyg.error, form input.error:focus, form select.error:focus, form textarea.error:focus, form .wysiwyg.error:focus { 	
						border: 1px solid #ff8388; }

/************** Disabled form Elements *************/
button[disabled]:active, button[disabled], input[type="reset"][disabled]:active, input[type="reset"][disabled], input[type="button"][disabled]:active, input[type="button"][disabled], select[disabled] > input[type="button"], select[disabled] > input[type="button"]:active, input[type="submit"][disabled]:active, input[type="submit"][disabled], .textfield[disabled], .textfield_large[disabled] {
						border: 1px solid #d6d6d6;
						color: GrayText;
						cursor: inherit;
						background: #dbdbdb url(none);
						}
/************** Form Hints and Errors *********/

.form_error { 			color: #ca0000;
						background: url(../images/form_error.png) no-repeat;
						}
.form_hint { 			color: #7c7c7c;
						background: url(../images/form_info.png) no-repeat;
						}
						


/** ============================== Buttons ============================== **/

.button { 				background: #fff url(../images/button_bg.gif) repeat-x left bottom;
						border: 1px solid #e1e1e1;
						color: #4570ca;
						}
.button:hover { 		background: #fff url(../mages/button_bg_hover.gif) repeat-x left bottom;
						border: 1px solid #c6d9ff;
						}
.button2 { 				background: #5987e3 url(../images/button2_bg.gif) repeat-x left bottom;
						border: 1px solid #b0c4ef;
						color: #fff;
						}
.button2:hover { 		background: #8cb2ff url(../images/button2_bg_hover.gif) repeat-x left bottom;
						border: 1px solid #b0c4ef;
						}
.button:active, .button2:active {
						color:#000; }
						
						


/** ============================== Header ============================== **/

#header_bg { 			background: url(../images/header_bg.png) repeat-x; }
#header_top { 			color: #ffffff; }
#header_top a { 		color:#fff; }

/********* Logo *********/
#logo {
						font-size : 14px;
/*						height: 33px;*/
						width: 472px;
						border: 1px;
						color: #2654B5; 
						}
/********* Search field in header ***/
.search_field { 		border: 1px solid #a2a2a2; }





/** ============================== Main Navigation ============================== **/

#main_nav a { 			color:#3f69c1; }			/* main navigation link color */
#main_nav a:hover { 	color: #000; }				/* main navigation hover link color */
#main_nav li a.current { 							/* main navigation active link color */
						color:#fff !important;
						background: #2654b5 url(../images/nav_active_tab_bg.gif) repeat-x left top;
						}
						



/** ============================== Sub Navigation ============================== **/

#main_nav li ul li a { 	color: #c7d9ff; } /* Sub navigation link color */
#main_nav li ul li a:hover {
						color: #fff; }/* Sub navigation hover link color */
#main_nav li ul li a.current {
						background:url(../images/active_sub_menu_bg.gif) no-repeat center bottom; /* Pointer for active link in Sub navigation */
						color:#fff;/* Sub navigation active link color */
						}
						
						
						
/** ============================== Navigation in box header ============================== **/

.box .header .sub_nav li a {
						color:#202020; }
.box .header .sub_nav li a:hover {
						color:#1c3b79; }
.sub_nav .current, .sub_nav .current:hover, .sub_nav .current a {
						background:#FFF;
						color:#1c3b79;
						}



/** ============================== Vertical Nav ============================== **/

.vertical_nav li a { 	color:#333; }
.vertical_nav li a:hover {
						color:#3964bc; }
.vertical_nav li .current {
						background:url(../images/vertical_nav_bg.gif) no-repeat left top;
						color:#000;
						}
.vertical_nav li .active {
                                                background:url(../images/vertical_nav_bg.gif) no-repeat left top;
                                                color:#000;
                                                }

/*****Box body with vertical Navigation *****/
.body_vertical_nav { 	background: url(../images/vertical_nav_bg.jpg) repeat-y left top; }





/** ============================== Horizontal Nav ============================== **/

.horizontal_nav { 		background: #FFF url(../images/horizontal_nav_bg.gif) repeat-x left bottom; }
.horizontal_nav li a { 	color:#4570ca; }
.horizontal_nav li a:hover {
						color:#333; }
.horizontal_nav li.active {
						background:#FFF;
						border-top: 1px solid #6f94db;
						border-right: 1px solid #6f94db;
						border-left: 1px solid #6f94db;
						border-bottom-style: none;
						}
.horizontal_nav li.active a {
						color:#4570ca; }
						
						
						
						


/** ============================== Accordion ============================== **/

#accordion { 			background-color:#fff;
						border:1px solid #e6e6e6;
						}
/* accordion header */
#accordion h2 { 		background:#f7f8f8 url(../images/accordion_heading_bg.gif) repeat-x bottom;
						color:#111010;
						border:1px solid #fff;
						border-bottom:1px solid #ddd;
						}
/* currently active header */
#accordion h2.current { background-color:#fff; }
/* Accordion pane */
#accordion div.pane { 	color:#5e5e5e;
						background: url(../images/pane_bg.gif) repeat-x top;
						}





/** ============================== Small Box ============================== **/

.small_box { 			background:#fdfdfd; }
.small_box .header { 	background: url(../images/small_box_header_bg.gif) repeat-x bottom;
						color:#2a2a2a;
						}






/** ============================== Box ============================== **/

.box { 					background:#fdfdfd; }
.box .header { 			background: url(../images/box_header_bg.gif) repeat-x bottom;
						color:#2d59b8;
						}






/** ============================== Tables ============================== **/

.grid_table { 			border-top: 1px solid #d6e3fd;
						border-bottom: 5px solid #6f94db;
						border-right: 1px solid #d6e3fd;
						border-left: 1px solid #d6e3fd;
						color:#202020;
						}
.grid_table th { 		color: #3a3a3a;
						border-bottom: 4px solid #6f94db;
						}
.grid_table td { 		border-bottom: 1px solid #d6d6d6; }

/******* Hover styles for grid items *******/
.grid_table thead tr:hover {
						background: #fff; }
.grid_table th:hover { 	background: #fffaea; }
.grid_table tr:hover { 	color: #000;
						background: #fffaea;
						}

/*********** Selected items and dropdown ************/
tr.grid_dropdown, tr.active {
						color:#000;
						}
tr.active td { 			background: #f9f9f9 url(../images/grid_active_bg.gif) repeat-x bottom; }
tr.grid_dropdown td { 	background: #f7f7f6 url(../images/grid_dropdown_bg.gif) repeat-x;
						border-bottom: 1px solid #bcbcbc;
						}
/************ Minimize/Mazimize controls *****************/
.grid_table .toggle { 	background:url(../images/expand_collapse.png) top left; /*Sprite size should be 10 x 10 pixels or change in style.css */ }






/** ============================== Data Tables ============================== **/

table.display thead th {
						border-bottom: 4px solid #6f94db; }

table.display tfoot th {
						border-top: 4px solid #6f94db; }
						
						
						
						
/** ============================== Pagination ============================== **/

						



/** ============================== Footer ============================== **/

#footer { 				background:url(../images/footer_bg.gif) repeat-x top #282828;
						color:#CCC;
						}




						
/** ==============================  Bulleted List ============================== **/

.bulleted_list li { 	background: url(../images/bullet_right.png) no-repeat 0px 7px; /* List with custom bullets */ }





/**  ==============================  Users List  ============================== **/

.user_list li { 		border-bottom: 1px solid #CCC; }




/**  ==============================  Borders  ============================== **/

.border_blue { 			border-bottom: solid 1px #3964bc; }
.border_lt_blue { 		border-bottom: solid 6px #c1ceea; }
.border_grey { 			border-bottom: solid 6px #e7e7e7; }





/** ============================== Display styles for Error Messages, Notifications and General Info ============================== **/

div.info { 				background: #CADCFF url(images/info_box_bg.gif) repeat-x left top;
						border: 1px solid #c3d7ff;
						color: #3760b5;
						height: 100%;
						}
div.warning { 			background: #fff6d0 url(images/warning_box_bg.gif) repeat-x left top;
						border: 1px solid #bc6c34;
						color: #bc6c34;
						}
div.error { 			background: #ffd6d0 url(images/error_box_bg.gif) repeat-x left top;
						border: 1px solid #ff0606;
						color: #b22723;
						}



/** ============================== Tooltip ============================== **/

.tooltip, .tooltip.bottom {
						background:#000;
						color:#fff;
						}




/** ============================== Jump Menu ============================== **/

.jump_menu_btn { 
	background:url(../images/jump_menu.png) top left;  
	/*Sprite for jump button 158 x 28px*/ 
}
.jump_menu_list { 		background:#f5f5f5;
						border:solid 1px #d5d5d5;
						}
.jump_menu_list li a:hover {
						color:#333;
						background:#fff;
						}



/** ============================== Login Page ==================================== **/

body#login_page { 		background-color:#3964bc; } /*Background color for login page*/




/** ============================== Overlay ============================== **/

#facebox { 				/* border color */
						border:10px solid #666;
						}
#facebox div { 			border:1px solid #3B5998;
						background-color:#fff;
						}
#facebox h2 { 			color:#2d59b8;
						background: #FFF url(../images/box_header_bg.gif) repeat-x;
						}
#exposeMask { 			background:#000 !important; }/* background color for overlay and expose mask */ 




/** ============================== Calendar ============================== **/
.jCalMo .overDay { color:#FFF; background:#5a88e4; }  /* Hover on a single date */


/**++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++**/
/**==================             End of Theme                     ==================**/
/**++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++**/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8 {
    margin-left:18px;
    display:block;
    float:left;
}
.columns {
    display:block;
    float:left;
}
.first {
    margin-left:0;
    clear:left;
}
.leading {
    margin-bottom:18px;
}
.top {
    margin-top:1px;
}
.grid_1 {
    width:108px;
}
.grid_2 {
    width:234px;
}
.grid_3 {
    width:990px;
}
.grid_4 {
    width:486px;
}
.grid_5 {
    width:612px;
}
.grid_6 {
    width:100%;
}
.grid_7 {
    width:864px;
}
.grid_8 {
    margin-left:0;
    width: 990px;
}



/* Progress bars
---------------------------------------------------------------------*/

.progress {
    border: 1px solid #ccc;
    position: relative;
    display: block;
    height: 22px;
    padding: 0;
    min-width: 200px;
    margin:4px 0;
    background: #DEDEDE;
    background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#e9e9e9));
    background: -moz-linear-gradient(top, #ccc, #e9e9e9);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#e9e9e9');

    -moz-box-shadow:0 1px 0 #fff;
    -webkit-box-shadow:0 1px 0 #fff;
    box-shadow:0 1px 0 #fff;

    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.progress span {
    display: block;
    height: 20px;
    margin: 0;
    padding: 0;
    text-align:center;
    width:0;
    
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.progress span b{
    color:#fff;
    line-height:20px;
    padding-left:2px;
    text-shadow:0 1px 1px rgba(0, 0, 0, 0.5);
}

.progress-blue span {
    border: 1px solid #0078a5; 
    background-color: #5C9ADE;
    background: -moz-linear-gradient(top, #00adee 10%, #0078a5 90%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #00adee), color-stop(0.9, #0078a5));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}

.progress-green span {
    border: 1px solid #5c9425; 
    background-color: #77AF3F;
    background: -moz-linear-gradient(top, #8fc857 10%, #5c9425 90%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #8fc857), color-stop(0.9, #5c9425));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fc857', endColorstr='#5c9425');
}
.progress-orange span {
    border: 1px solid #f47a20; 
    background-color: #faa51a;
    background: -moz-linear-gradient(top, #faa51a 10%, #f47a20 90%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #faa51a), color-stop(0.9, #f47a20));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.progress-red span {
    border: 1px solid #A92C2C; 
    background-color: #C44747;
    background: -moz-linear-gradient(top, #DD5F5F 10%, #A92C2C 90%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #DD5F5F), color-stop(0.9, #A92C2C));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#DD5F5F', endColorstr='#A92C2C');
}