@charset "utf-8";
/* CSS Document */

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~GLOBAL STYLES ~~~~~~~~~ */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

* {
	margin: 0;
	padding:0;
	}
	
html {
 	font-size: x-small; 
	height: 100%;
}

body {
	background: #fff url(images/header_bg.gif) left top repeat-x;
	color: #333;
	font-family: "tahoma", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	margin: 0 auto;
	line-height: 1.5em;
	height: 100%;
}

/* Hides from IE5-mac \*/
* html .buggybox {height: 1%;}
/* End hide from IE5-mac */ 

form 
{
    width: 100%;
}

a img {
	border: none;
}

a, a:link {
	color: #105FA8;
	text-decoration: none;
	outline: none;
}

a:visited {
	color: #105FA8;
}

a:hover {
	text-decoration: underline;
}

p{
	padding: 0 0 10px 0;
	font-size: 1em;
	line-height: 1.4em;
	font-weight:normal;
}

/*h2 {
	font: normal 2.2em Arial, Helvetica, sans-serif;
	color: #e9ebee;
	margin-top: 0;
	margin-bottom: 15px;
	padding-top: 38px;
}*/
h2 {
	/*font: normal 2.2em Arial, Helvetica, sans-serif;*/
	margin-top: 0;
	margin-bottom: 15px;
	/*border-bottom: solid 3px #cccs;*/
}

h3 {
	background: transparent url(images/lead_brown.gif) left top no-repeat; 
	font: normal 1.5em/1.4em Arial, Helvetica, sans-serif;
	color: #0d1d44;
	padding: 1em 0 .5em;
}

h4 
{
    font: normal 1.5em/1.5em Arial, Helvetica, sans-serif;
    color: #4e3a17;
	padding-top: 0;
	margin-top: 0;
	padding-bottom: .1em;
	margin-bottom: 0;
}

h5 {
	font-size: 1em;
	font-weight: bold;
	padding-top:1.5em;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~Main Logo ~~~~~~~~~~~ */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#mainLogo {
	float: left;
	width: 310px;
	height: 70px;
	margin: 0;
	padding: 0;
}

	#mainLogo a {
		display: block;
		height: 70px;
		margin: 0;
		padding: 0;
		text-indent: -9000px;
		width: 558px;
	}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~LAYOUT STYLES ~~~~~~~~~ */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#wrapper {
	width: 100%;
	min-height: 100%;
	position: relative;
}

/* Hack for IE \*/
* html #wrapper {height: 100%;}
/* End hack for IE */ 

#mastheadContainer {
	margin: 0 auto;
	width: 880px;
	height: 100px;
	background: transparent url("images/main_logo.gif") left top no-repeat;
}

#mainBody {
	padding: 0 0 50px;
	background: transparent url(images/pagetitle_bg.gif) left top repeat-x;
}

#content 
{
    margin: 0 auto;
    width: 880px;
    padding-left: 20px;
}

#content ul {
	margin-bottom: 1.1em;
	margin-left: 1em;
} 

#content li {
	list-style: none;
	background: transparent url(images/listArrow.gif) 0 6px no-repeat;
	padding-left: 10px;

}

#content li a, #content li a:link {

}


/*~~~~~~~~~~~~~~~~Footer~~~~~~~~~~~~~~~~~~~~~~~*/

#footer {
	clear: both;
	position: absolute;
	bottom: 0;
	width: 100%; /*safari fix*/
	background-color: #0d1d44;
	padding-top: 10px;
	padding-bottom: 30px;
	margin-top: 0px;
	font-size: .9em;
	color: #A9B2BA;
	}
	
	#footer .container {
		width: 880px;
		margin: 0 auto;
		text-align: left;
		padding-left: 20px;
	}
	
	#footer p {
		padding: 0;
		line-height: 1em;
	}
	
	#footer a, #footer a:visited {
		text-decoration: none;
		color: #dbdde3;
	}
	
	#footer a:hover {
		text-decoration: underline;
	}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~Form~~~~~~~~~ */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

label, .label {
	font-size: 1em;
	font-weight: bold;
	width: 210px;
	display: inline-block;
	text-align: right;
}
label, .labelLeftalign {
	font-size: 1em;
	font-weight: bold;
	display: inline-block;
	text-align: left;
    margin-top: 10px; 
    margin-left:150px;
    width: auto !important;
}

label, .labelValue {
	font-size: 1em;
	display: inline-block;
	text-align: left;
    margin-top: 10px; 
}

.rcbList label 
{
    width: auto;
    text-align: left;
}
input[type="radio"] + label
{
	width: auto;
	margin-left: 5px;
}

input {
	font-size: 1em;
	padding: 1px;
}

#loggedIn 
{
    float: right;
    position: relative;
    top: -25px;
    }

    #loggedIn a 
    {
        background: transparent url(images/sm_button.gif) left center no-repeat;
        padding: 3px 10px 4px;
        color: #fff;
        text-decoration: none;
    }
    
    #loggedIn a:hover
    {
        color: #000;
    }

.InvalidValueMsg
{
	color: Red;
}
.msgArea
{
    
    font-size: 1.2em;
    }
    
    .msgError 
    {
        color: #df3804;
        font-weight: bold;
        background: transparent url(images/icon_attn.gif) left top no-repeat;
        padding: 1px 0 1px 24px;
    }
    
    .msgSuccess 
    {
        color: #38df04;
        font-weight: bold;
        background: transparent /* url(images/icon_attn.gif) left top no-repeat*/;
        padding: 1px 0 1px 24px;
    }

.dataList th 
{
    padding-right: 5px;
    vertical-align: top;
    text-align: right;
}

a.ImportNewEmployeesButton
{
    background: transparent url(images/bt_addEmployee.gif) left center no-repeat;
    padding: 3px 3px 3px 26px;
    color: #000;
}

a.DeleteProjectListButton
{
    background: transparent url(images/bt_delete.gif) left center no-repeat;
    padding: 3px 3px 3px 26px;
    color: #000;
}

.goButton
{
    background: transparent url(images/bt_search.gif) left center no-repeat;
}

.listControl 
{
    border: solid 1px #999;
    border-bottom: none;
    width: 858px;
    padding: 2px 10px;
    background: transparent url(images/listControl_bg.gif) left bottom repeat-x;
    height: 24px;
}
.questBlock .multiFieldContainer
{
	float: left;
}
.questBlock .multiFieldContainer input, .questBlock .multiFieldContainer span
{
	margin-bottom: 5px;
	display: block;
}


/*~~~~~~~~~~~~~~~~optBox~~~~~~~~~~~~~~~~~~~~~~~*/
#optBox {
	font: normal 11px/11px Arial, Helvetica, sans-serif;
	color: #858585;
	margin: 4px 0 15px 15px;
	padding: 0;
	padding-bottom: 5px;
	float: right;
	width: 160px;
	border: solid 1px #cacaca;
}

#optBox h3 {
	margin: 0;
	margin-bottom: 6px;
	padding: 3px 6px;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #666e7f;
}

#optBox p {
	margin: 0 3px 7px 7px;
}

#optBox ul {
	line-height: 12px;
	margin: 0;
	padding: 0;
}

#optBox li {
	margin: 0 3px 5px 7px;
	padding: 0;
	padding-left: 7px;
	list-style: none;
	background: url("images/bullet.gif") left 4px no-repeat;
}

#search {
	float:right;
	clear:right;
	margin-top: 20px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~Others~~~~~~~~~ */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.clear {
	clear: both;
}

.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.button
{
    border: 0;
    font-size: 1em;
    background-color: Transparent;
    color: #00a4ca;
    cursor: pointer;
}

hr 
{
    border: 0;
    color: #999;
    background-color: #333;
    height: 1px;
}

/******************* table button ******************************/

input.tableButton
{
    background: #b66721 url(images/bt_main.gif) left bottom repeat-x;
    border: solid 1px #a25c1e;
    font: normal 12px "tahoma", Arial, Helvetica, sans-serif;
    padding: 1px 10px 1px;
    color: #fbf3ec;
    /*margin-top: 10px;*/
    margin: 2px 0;
    cursor: pointer;
    width: 100px;
}

input.tableButton:hover, input.tableButton:focus
{
	border-color:  #000066;
    /*border-color:  #00cdfc #00bfeb #00add5;*/
    border-color: #FFC494 #FF9E4F #EF6C01;
    color: #fff;
}


/************Progress Indicator *************/

.progIndicatorBG
{
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    filter: alpha(opacity=30);
    opacity: 0.7;
    z-index: 999999;
    text-align: center;
    height: 100%;
    width: 100%;
    
}

.progIndicator
{
    filter: alpha(opacity=100);
	opacity: 0.7;
	height: 128px;
	margin: 20% auto;
	z-index: 99999;
}


/************Modal Popup *************/

.modalPopup 
{
    width: 500px;
    background-color: #fff;
    border: solid 10px #9e8154;
    padding: 0 30px 20px;
}

/************Rad Control Override *************/
.RadMenu
{
	bottom: -1px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~CategoryNavigation User Control*/
table.categoryNav
{
    border-collapse: collapse;
}
table.categoryNav td.alpha
{
    padding: 0px 5px 0px 25px;
}
table.categoryNav td.catLink
{
    padding: 0px;
}

div.RadTabStrip.RadTabStrip_Default
{
    border-bottom: solid 3px #9c221d !important;
    margin-bottom: 40px;
    margin-top: 40px;
}

div.RadTabStrip.RadTabStrip_Default li
{
    width: 130px !important;
}
div.RadTabStrip.RadTabStrip_Default li.rtsFirst
{
    width: 180px !important;
}

div.RadTabStrip.RadTabStrip_Default a
{
    padding: 20px 60px !important;
    font-size: 16px;
    width: 130px;
}
div.RadTabStrip.RadTabStrip_Default li.rtsFirst a 
{
    width: 180px;
}

div.RadTabStrip.RadTabStrip_Default a.rtsSelected
{
    background-color: #9c221d !important;
    color: #fff !important;
}