/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    background-color:#F0F0F0 !important;
    color:#595959;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    font-style:normal;
    font-weight:normal;
    text-align:center;
}

body.dev
{
	background-color: lightblue !important;
}

body.test
{
	background-color: linen !important;
}

body.uat
{
	background-color: lightblue !important;
}

body.prod
{
}

a:link
{
    color: #0D5DAB;
    text-decoration: underline;
}
a:visited
{
    color: #0D5DAB;
}
a:hover
{
    color: #1D60FF;
    text-decoration: none;
}
a:active
{
    color: #12eb87;
}

a.excellink
{
	background-image: url(Images/ExcelIcon.gif);
	color: #000;
	display:block;
	height: 28px;
	padding-left: 28px;
	background-repeat:no-repeat;
	float:right;
}

.submitLink
{
	color: #00f;
	background-color: transparent;
	text-decoration: underline;
	border: none;
	cursor: pointer;
	cursor: hand;
	float:left;
}

form
{
/*	float:left; */
}
	
p   /*, ul*/
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

img
{
    border: none;
}
/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
	position:relative;
	width:960px;
    /* width: 90%; */
    margin-left: auto;
    margin-right: auto;
}

#header
{
	background-color: #fff;
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}

#header a
{
    text-decoration: none;
	border: none;
	color: #fff;
}

#main
{
	margin:0 auto;
	text-align:left;
	width:914px;
    /*padding: 10px 20px 10px 20px;
    background-color: #fff;
    margin-bottom: 30px;*/
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
}

#main h2
{
	display:inline-block;
	float:left;
}

#main h3
{
    border-bottom: 1px solid #D1D1D1;
	color:#BE8851;
    font-size:18px;
    font-weight:normal;
    margin-bottom:10px;
    padding:0 0 10px;
}

#main h4
{
    clear:left;
    color:#015CAE;
    font-size:13px;
    margin:0;
    padding:5px 0;
}

#footer
{
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
}

#top
{
    background:url("../Content/images/topDropShadow.png") no-repeat scroll center bottom transparent;
    height:40px;
    margin:0 auto;
    width:960px;
    font-size:11px;
}
/* --- New design --- */
* {
	margin:0;
	/* padding:0; Test test test*/
	width:auto;
}
#mainBox {
	/*background:url("../Content/images/mainbox_shadow_bg.jpg") repeat-y scroll center top white;*/
	background:url("../Content/images/sideDropShadow.png") repeat-y scroll center top white;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	width:960px;
}
#inner_page {
	margin:0 auto;
	text-align:left;
	width:914px;
}
#logoBox {
	height:100px;
	position:relative;
}
#logoImg {
	left:0;
	position:absolute;
	margin:10px 10px 10px 0px;
	padding-top: 16px;
	padding-left: 16px;
}
#titleBox {
	/*background:url("../Content/images/shadeBar.jpg") repeat-x scroll center bottom transparent;*/
	height:40px;
	margin-bottom:5px;
	padding-top:10px;
}
#pageTitle {
	color:#002D64;
	font-size:1.5em;
	font-weight:bold;
}
#shadowRight 
{
	position:absolute;
	right:0;
	top:0;
}
#shadowLeft 
{
	position:absolute;
	left:0;
	top:0;
}
#footerShadow {
	/*background:url("../Content/images/shadow_footer2.gif") no-repeat scroll center top transparent;
	height:17px;*/
	background:url("../Content/images/bottomDropShadow.png") no-repeat scroll center top transparent;
    height:55px;
	margin:0 auto;
	width:960px;
}

div#languageLink
{
    float:right;
    margin-right:15px;
    padding:0;
    position:relative;
    text-align:right;
    top:9px;
    width:400px;
}
/* TAB MENU   
----------------------------------------------------------*/
#menubar
{
    background:url("../Content/images/navbar_gradient.gif") repeat-x scroll left top transparent;
    height:30px;
    line-height:30px;
    margin-left:-13px;
    position:relative;
    margin-right:-13px;
}

ul#menu
{
    /*border-bottom: 1px #5C87B2 solid;*/
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li
{
    display: inline;
    list-style: none;
}

ul#menu li#greeting
{
    padding: 10px 20px;
    /*font-weight: bold;*/
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a
{
    /*background: url(/Content/Images/tabs.png) no-repeat -420px 0;*/
    padding: 10px 20px;
    /*font-weight: bold;*/
    text-decoration: none;
    line-height: 2.8em;
    /*background-color: #EEEEEE;*/
    color: #0D5DAB;
}

ul#menu li a:hover
{
    /*background-color: #fff;
    text-decoration: none;*/
}

ul#menu li a:active
{
    /*background-color: #a6e2a6;
    text-decoration: none;*/
}

ul#menu li.selected a
{
    /*background-color: #fff;*/
    color: #000;
}

/* Navigation (menubar) begins */
#navGrp {background: url(/Content/Images/navbar_gradient.gif) left top repeat-x; height: 43px; line-height: 43px; width: 940px; margin-left: 15px; position: relative;}
#navGrp #navGrpTitle {font-size: 18px; color: #fff; padding: 0 0 0 20px; width: 230px; float: left; font-weight: normal; display: none;}
#nav {float: left; font-size: 13px; padding-left: 10px;}
#navGrp #navGrpTitle a {color: #fff; text-decoration: none;}
#navGrp #navGrpTitle a:hover {text-decoration: underline;}

#nav .ralign {position: absolute;right:10px;}
#nav li {float: left; display: inline;}
#nav li a {color: #fefefe; text-decoration: none; padding: 0 10px; font-weight: bold; display: block;}
#nav li .twoRowLink {line-height: 1.25em; display: block; padding-top: 6px; padding-bottom: 10px;}


#nav li:hover {background: url(/Content/Images/nav_tab_active_right.gif) right top no-repeat;}
#nav li:hover a {background: url(/Content/Images/nav_tab_active_left.gif) left top no-repeat; color: #595959;}

#nav li .subnav {display: none; position: absolute; left: 0; top: 43px; width: 940px; height: 28px; text-align: left; line-height: 28px;}
#nav li .subnav li {float: none; display: inline; background: url(/global-images/subnavDivider.gif) right center no-repeat; margin-right: 0px;}
#nav li .subnav li a {color: #595959; text-decoration: none; padding: 0; margin: 0 10px; display: inline; font-weight: normal; height: auto; line-height: 28px; font-size:12px;} /* reduced font-size to 12px to prevent wrap around */
#nav li .subnav li a:hover {color: #0095da;}

#nav li:hover .subnav {display:block;}
#nav li:hover .subnav li a {background: none;}


#nav .active {background:transparent url(/Content/Images/nav_tab_active_right.gif) no-repeat scroll right top;}
#nav .active a {background:transparent url(/Content/Images/nav_tab_active_left.gif) no-repeat scroll left top; color:#0095DA;}
#nav:hover .active a {color: #0095da;}
#nav:hover .active li {color: #0095da;}
#nav:hover .active .active a {color: #0095da;}
#nav:hover .active .subnav {display: none;}

#nav .active .subnav  {display:block;}
#nav .active .subnav  li a {background: none; color: #595959;}
#nav .active .subnav li a:hover {color: #0095da;}
#nav .active .subnav .active  a{color: #0095da;}
#nav .active:hover .subnav {display: block;}
#nav .active .subnav:hover {display: block;}
#nav .active .subnav:hover .active a {color: #0095da;}
#nav li ul li ul {display:none;}

#subnavGrp {background: url(/Content/Images/navbar2Gradient.jpg) left top repeat-x; height: 28px; line-height: 27px; border-bottom: 1px solid #d1d1d1; width: 940px; margin-left: 15px;}

#navNotLinkedMsg {margin-left: 15px; color: #fff; font-size: 14px; font-weight: bold;}
/* Navigation (menubar) ends */



/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset label 
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

label 
{
	color: #777;	
}

label 
{
    display: block;
}

label.inline 
{
    display: inline;
}

legend 
{
	color: #777;
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

/* TABLE
----------------------------------------------------------*/

/* table 
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}

table td 
{
  padding: 5px;   
  border: solid 1px #e8eef4;
}

table th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #e8eef4; 
  border: solid 1px #e8eef4;   
}
*/

table 
{
	border-top: none;
	border-bottom: none;
	border-collapse: collapse;
}

table td 
{
  padding: 3px;   
}
table th
{
  padding: 4px 5px;
  text-align: left;
  background-color: #eeeeee; /* #e8eef4; */
}

table.standard 
{
  width: 100%;
}
table.standard th 
{
	border-bottom: 1px solid white;
	padding-top: 5px;	
	padding-bottom: 5px;
}
table.standard td
{
	color: #555;	
	border-bottom: 1px solid #eeeeee;
	vertical-align:top; 
}
table.standard td.label 
{
	background-color: #fff;	
	color: #999;
	width: 25%;	
	vertical-align: top;
}

table.standard td.noborder 
{
	border: none;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

#menucontainer
{
    /* margin-top:40px; */
}

div#title
{
    display:block;
    float:left;
    text-align:left;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    /* margin:10px; */
    color:#0D5DAB;
}

#logindisplay a:link
{
    color: #0D5DAB;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: #0D5DAB;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: #1D60FF;
    text-decoration: none;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.contentblock {
    clear:left;
    margin:0;
}

/**********************
	Styles for feedback messages
**********************/
.error
{
	/* From jquery-ui's .ui-state-error */    
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background-color: #FEF1EC;
	border:2px solid #CD0A0A;
	color:#CD0A0A;

	/* from jquery-ui's .ue-corner-all */
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
}

.notice 
{
	/* from jquery-ui's ui-state-highlight */
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background-color:#EEEEFF;
	border:2px solid #AAAAFF;
	color:#363636;
	
	/* from jquery-ui's .ue-corner-all */
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
}

.feedback 
{
	padding: 7px;
	margin-bottom: 0px;
	margin-top: 2px;
	font-weight: bold;
}

/* Styles for Jquery Tabs 
----------------------------------------------------------*/
/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(/Content/Images/tabs.png) no-repeat -420px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:173px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }

/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}

.panes > div {
	display:none;		
	padding:15px 10px;
	border:1px solid #999;
	border-top:0;
	/* height:100px;
	font-size:14px; */
	background-color:#fff;
}