/* 

@charset "utf-8";

CSS Document

*/

* {margin:0; padding:0;} 

body  
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background: #9FA1A2 url(../images/rr/bgr_body.jpg) left top repeat-x scroll;
	margin: 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px 10px 0px 0px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333;
}


/*== IE 6- fix for transparent png images ==
*html img, *html div { behavior: url(/css/iepngfix.htc); }*/

/*clearfixer */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}

.clearfloat { 	clear:both;    height:0;    font-size: 1px;    line-height: 0px;}





/* General */

/* Standard tags */
p {margin-bottom:15px;}

a, a:visited, a:link {color:#2EC0E4; font-weight:bold; text-decoration:underline;}
a:hover, a:active, a:focus {color:#FF6600; text-decoration:underline;}
a img {border:0 none;}

/* Custom classes */
.inactiveLink 
{
	text-decoration:none; color:Gray;
}

.clickable
{
	cursor: pointer;	
}


/* ===HEADER ===*/
#header 
{
	background: url('../images/rr/bgr_TopHeader.jpg') repeat-x left top;
	position:relative;
	/*top:2px; */
	padding:0px;
	height:109px;
	margin:0px;	
}

#header #leftCorner 
{
	position:absolute;
	left:0px; 
	bottom:0px; 
	*bottom:-3px; /* ie only */
	padding-bottom:0px; 
	margin-bottom:0px; 
	border:none;
}

#header span.logo
{
	position:absolute;
	margin:13px 26px; /* 20 */ 
	padding:0px;
	width:222px;
	height:80px;
	background-color:White;
}

#header #logout {position:absolute; display:block; right:0; margin-top:30px; width:30em; text-align:right;}
#header #logout a {margin-left:5px; margin-right:15px;}

.widePage #header .keeper, .widePage #footer .keeper {width:795px;}
/*===MAIN BODY - shadows, body shape ===*/

/*
#bodyWrapLeft{ background:url(../images/rr/bgr_LeftBody.gif) left top repeat-y; }
#bodyWrapRight{background:url(../images/rr/bgr_RightBody.gif) right top repeat-y; margin-left:4px; padding-bottom:20px;min-height:590px;}

	border: dotted 1px green;
border: dotted 1px red;

min-height:590px;
*/



#bodyWrapLeftTop{position:absolute; left:0; z-index:2; }
#bodyWrapRightTop{position:absolute; right:0;z-index:2;}



*html .widePage #breadcrumbs{width:751px;}
#showHideMenu { margin-left:20px;}
#showHideMenu a.hide, #sidebar  a.hide{ background: url(../images/rr/ico/16/hidemenu16.gif) left 4px no-repeat; display:block; height:16px;padding:5px 0 10px 20px; width:18em;}
#showHideMenu a.show { background: url(../images/rr/ico/16/showmenu16.gif) left top no-repeat; padding-left:20px;display:none; margin-bottom:20px;width:18em;height:16px; line-height:16px}
#showHideMenu a.help { float:right; display:inline; margin-right:20px;width:4.5em; text-align:right;height:16px; line-height:16px;}

/* === SIDEBAR  LEFT MENU ===*/

#sidebar {	float: left; 	width: 20em; padding: 0px; display:inline; }
#sidebar #leftMenuWrap {margin:0 10px;}
#sidebar #leftMenuWrap ul {list-style:none;padding-top:1px; padding-bottom:1px; background:#F0F0F0 url(../images/rr/bgr_ul_LeftMenu.gif) repeat; margin-bottom:5px;}
#sidebar #leftMenuWrap ul li { margin-bottom:1px; }
#sidebar #leftMenuWrap ul li.last { margin-bottom:0px; }
#sidebar #leftMenuWrap ul li a  {background:#F0F0F0; display:block; padding:7px 20px 7px 10px; color:#666;}
#sidebar #leftMenuWrap ul li a:hover, #sidebar #leftMenuWrap ul li a:active, #sidebar #leftMenuWrap ul li a:focus, #sidebar #leftMenuWrap ul li a:visited { color:#FF6600; text-decoration:underline;}
*html #sidebar #leftMenuWrap ul li a { width:100%; text-decoration:underline;}

/*
#sidebar #leftMenuWrap ul li a.published {background:#F0F0F0 url(../images/rr/ico/dotGreen_G.gif) right 7px no-repeat;}
#sidebar #leftMenuWrap ul li a.complete {background:#F0F0F0 url(../images/rr/ico/dotBlue_G.gif) right 7px no-repeat;}
#sidebar #leftMenuWrap ul li a.forreview {background:#F0F0F0 url(../images/rr/ico/dotYellow_G.gif) right 7px no-repeat;}
#sidebar #leftMenuWrap ul li a.incomplete {background:#F0F0F0 url(../images/rr/ico/dotRed_G.gif) right 7px no-repeat;}
*/

#sidebar #leftMenuWrap ul li ul{ display:none;}
#sidebar #leftMenuWrap ul li.set ul{ display:block; background:#FFF none; padding-bottom:7px; margin-bottom:0px;}
#sidebar #leftMenuWrap ul li.set ul a { background:#FFF;color:#2EC0E4;padding:4px 20px 5px 10px; text-decoration:underline;}

#sidebar #leftMenuWrap ul li.set ul li a:hover, #sidebar #leftMenuWrap ul li.set ul li a:active, #sidebar #leftMenuWrap ul li.set ul li a:focus, #sidebar #leftMenuWrap ul li.set ul li a:visited { color:#FF6600; text-decoration:underline;}
/*
#sidebar #leftMenuWrap ul li.set ul li a.published {background:#FFF url(../images/rr/ico/dotGreen.gif) right 7px no-repeat;}
#sidebar #leftMenuWrap ul li.set ul a.complete {background:#FFF url(../images/rr/ico/dotBlue.gif) right 7px no-repeat;}
#sidebar #leftMenuWrap ul li.set ul a.forreview {background:#FFF url(../images/rr/ico/dotYellow.gif) right 7px no-repeat;}
#sidebar #leftMenuWrap ul li.set ul a.incomplete {background:#FFF url(../images/rr/ico/dotRed.gif) right 7px no-repeat;}
*/
.widePage #sidebar h3 { margin:10px 0 10px 0; font-size:1.3em;}
.widePage #sidebar p {	margin-left: 0px;	margin-bottom: 5px;}


/* === MAINCONTENT:  === */
.widePage #mainContent 
{ 
	margin: 0px;
} 

/*.widePage #mainContent .mainContentWrap {  float:right;} */
/*.widePage #mainContent h1{color:#333; font-size:1.6em; margin-bottom:15px;}*/
.widePage #mainContent h2{color:#333; font-size:1.4em; margin-bottom:15px;}

.widePage #mainContent .exCollAll {float:right; text-align:right; width:20em; height:2em;}
.widePage #mainContent .exCollAll .expandAll {background:url(../images/rr/ico/16/expandAll16.gif) left top no-repeat; padding-left:20px; margin-left:10px;line-height:16px}
.widePage #mainContent .exCollAll .collapseAll {background:url(../images/rr/ico/16/collapseAll16.gif) left top no-repeat; padding-left:20px; margin-left:10px;line-height:16px}

.widePage .savedDocuments {margin:5px 20px;}
.widePage .savedDocuments td {padding-bottom:10px;}
.widePage .savedDocuments input, .widePage .savedDocuments select {width:300px; padding-left:5px; font-size:0.9em; }
.widePage .savedDocuments label{  width:12em; }

.widePage #mainContent .collapseBox {margin:15px 0 0 0; overflow:visible;}
.widePage #mainContent .expandableBox {display:none;}
.widePage #mainContent .expandableBoxOpen {display:block;}
.widePage #mainContent .toCollapse {margin:0; background:#F0F0F0  url(../images/rr/ico/16/collapse16.gif) 95% 0.5em no-repeat scroll; height:1.6em; cursor:pointer; }
.widePage #mainContent .toExpand {margin:15px 0 0 0; background:#F0F0F0  url(../images/rr/ico/16/expand16.gif) 95% 0.5em no-repeat scroll;height:1.6em;cursor:pointer;}
.widePage #mainContent .clickHeader {display:block;padding:5px 20px; background-color:#F2F2F;  }
.widePage #mainContent .clickHeader h3{color:#333; font-size:1.2em; margin:0; display:inline;}
.widePage #mainContent .clickHeader img {float:right; margin:0.5em 20px; display:inline;}

.widePage #mainContent table td, .widePage #mainContent table th  {padding:5px; text-align:left; vertical-align:top;}
.widePage #mainContent table th {font-weight:bold;}
.widePage #mainContent table.dotted {background:url(../images/rr/bgr_Table.gif) repeat;}
.widePage #mainContent table.dotted td, .widePage #mainContent table.dotted th {background:#FFF none;}




/*
.narrowPage  #mainContent .mainContentWrap {margin:0px 20px;width:626px;}


.narrowPage  #mainContent .mainContentWrap input {color: #333; border-left: solid 1px #B5B5B5;	border-top: solid 1px #B5B5B5;	border-bottom: solid 1px #DEDEDE;	border-right: solid 1px #DEDEDE;}

.narrowPage #mainContent h1 
{
	
	height:35px; 
	line-height:45px;
	color: #333;
	font-size:1.3em; 
	margin:20px 0px; 
	background-image: url(../images/h1bg.jpg);
}
*/

.narrowPage #mainContent h2{color:#333; font-size:1.4em; margin:15px 20px;}
.narrowPage h3 {color:#333; font-size:1.4em; background: url(../images/rr/bgr_ul_LeftMenu.gif) repeat-x bottom; padding-top:5px; padding-bottom:10px; margin-bottom:10px; display:block}

.narrowPage p { padding:0px 0px 10px 0px;}
.narrowPage table {border:none; width: 90%}
.narrowPage table td, .narrowPage table th { padding:0 20px 10px 5px; text-align:left; vertical-align:top;}
.narrowPage table th {font:bold;}
.narrowPage table.dottedRowLine td, .narrowPage table.dottedRowLine th {background: url(../images/rr/bgr_ul_LeftMenu.gif) repeat-x bottom; padding-top:5px;}
.narrowPage .editAddItem {margin-top:25px;}

.narrowPage table.dottedRowLine h3 {color:#333; font-size:1.4em; margin:0; padding:0; background:none;}


.narrowPage ul { margin:0 20px 10px 20px; padding-left:10px;}
.narrowPage ul li {margin-bottom:5px;}
.narrowPage .companyPolicies {padding-left:25px; background:url(../images/rr/ico/16/companypolicies16.gif) no-repeat left top;  line-height:16px; height:16px; display:block; width:20em;}
.narrowPage .siteAdministration {padding-left:25px; background: url(../images/rr/ico/16/companyuseradmin16.gif) no-repeat left top;  line-height:16px; height:16px; display:block; width:20em;}
.narrowPage .editCompanyDetails {padding-left:25px; background: url(../images/rr/ico/16/companyNew16.gif) no-repeat left top; line-height:16px; height:16px; display:block; width:20em;}
.narrowPage .companyUserAdministration {padding-left:25px; background: url(../images/rr/ico/16/admin16.gif) no-repeat left top; line-height:16px; height:16px; display:block; width:20em;}
.narrowPage .agentUserAdministration {padding-left:25px; background: url(../images/rr/ico/16/agentNew16.gif) no-repeat left top; line-height:16px; height:16px; display:block; width:20em;}
.narrowPage .newSite{padding-left:25px; background: url(../images/rr/ico/16/sitesNew16.gif) no-repeat left top; line-height:16px; height:16px; display:block; width:20em;}
.narrowPage .formsManagement{padding-left:25px; background: url(../images/rr/ico/16/myNotes16.gif) no-repeat left top; line-height:16px; height:16px; display:block; width:20em;}
.narrowPage .newDepartmentListItem{padding-left:25px; background: url(../images/rr/ico/16/newlistitem16.gif) no-repeat left top; line-height:16px; height:16px; display:block; width:20em;}
.narrowPage .newUser{padding-left:25px; background: url(../images/rr/ico/16/userNew16.gif) no-repeat left top; line-height:16px; height:16px; display:block; width:20em;}
.narrowPage .globalListAdmin{padding-left:25px; background: url(../images/rr/ico/16/globalList16.gif) no-repeat left top; line-height:16px; height:16px; display:block; width:20em;}
.narrowPage .siteEmailSettings{padding-left:25px; background: url(../images/rr/ico/16/emailsettings16.gif) no-repeat left top; line-height:16px; height:16px; display:block; width:20em;}
.narrowPage .sitelinking{padding-left:25px; background: url(../images/rr/ico/16/linking.gif) no-repeat left top; line-height:16px; height:16px; display:block; width:20em;}
.systemSettings{padding-left:25px; background: url(../images/rr/ico/16/systemtasks16.gif) no-repeat left top; line-height:16px; height:16px; display:block; width:20em;}
/*.narrowPage .terminatedLinks {background:url(../images/rr/ico/16/systemtasks16.gif) left 10px no-repeat; height:39px; line-height:39px; display:inline; float:left;  padding-left:20px; margin-right:15px; width:20em;}*/
.narrowPage .terminatedLinks{padding-left:25px; background:url(../images/rr/ico/16/systemtasks16.gif) no-repeat left top;  line-height:16px; height:16px; display:block; width:20em;}

.addDiv {padding:8px 0 10px 0; text-align:right;}
.buttonsRow {padding:5px 0;}
.buttonsRow input {margin-right:5px;}



/*===forms===*/
.formsTable {width:98%;}
.formsTable h3 {color:#333; font-size:1.1em; text-transform:uppercase;}
.formsTable .leftCol {width:160px;}
.formsTable textarea.formsMultiLineText{ width:98%; height:150px; overflow:scroll; font-family:Arial, Helvetica, sans-serif; font-size:1em;}

.formsTable .sigOffLTableCell { width:160px; font-weight:bold;}
.formsTable .sigOffInputField { width:98%;}
.formsTable .sigOffSignatureFld{ width:50%;}
.formsTable .sigOffDate {width:15em; padding-left:10px; float:right; text-align:right;}
.formsTable .sigOffTextDate{ margin-right:5px;font-weight:bold;}
.formsTable .sigOffTextDateFld{ width:90px;}
.calendarIcon {margin-left:5px; margin-right:10px;}

/*===MODAL POPUP  ===*/

.modalBackground{position: absolute; left: 0px; top: 0px; z-index: 10000; width: 1px; height: 1px; background-color:Gray;opacity:0.7;moz-opacity:0.7; filter:alpha(opacity=70); display:none;}
#modalPopBox{ position:absolute; width:537px; text-align:left; margin:200px; z-index:11000; display:none;}
#modalPopBox img {display:block;}
#modalPopBox div.popBody {padding:5px 10px 0px 10px; background:#FFF;}
#modalPopBox .popHeader {display:block; padding:5px 20px; background-color:#F0F0F0;  }
#modalPopBox .popHeader h3{color:#333; font-size:1.2em; margin:0; display:inline;}
#modalPopBox .popHeader img{vertical-align:middle; margin-right:10px; display:inline;}
.popupTable{ margin:15px 20px 0 20px;}
.popupTable td {padding-bottom:5px;}
.popupTable .popupLabel {width:180px;}
.popupTable input, .popupTable select, .popupTable textarea {width:380px;}
.popupTable input.btnCancel, .popupTable input.btnSave {width:81px; margin-left:10px;}
.icoCalendar {margin-left:10px;cursor: pointer;}
.widePage #mainContent { zoom: 1; }


/* Miscellaneous classes for reuse */
.fltrt { 	float: right;	margin-left: 8px;}
.fltlft { 	float: left;	margin-right: 8px;}


/*===misc generic ===*/

.clr {clear:both;}
.clrTiny {clear:both; height:0px; overflow:hidden;}
.w100pc {width:100%;}

.toLeft {float:left;}
.toRight {float:right;}
.aToLeft {text-align:left !important;}
.aToRight {text-align:right !important;}
.aToCenter {text-align:center !important;}

.imgToRight {text-align:right; margin:0 0 10px 10px; float:right; clear:right;}
.imgBlock {display:block;}

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





/* FOR GRIDS */

/*GridViewCSS White Chrome Style*/
.GridViewStyle
{
    font-family: Arial, Sans-Serif;
    font-size:small;
    table-layout: auto;
    border-collapse: collapse;
    border:#999999 1px solid;
}
/*Header and Pager styles*/
.HeaderStyle, .PagerStyle /*Common Styles*/
{
    background-image: url(../images/HeaderWhiteChrome.jpg);
    background-position:center;
    background-repeat:repeat-x;
    background-color:#fff;
	border-bottom:solid 1px #999;
}
.HeaderStyle th
{
    padding: 5px;
    color: #333;
}
.HeaderStyle a
{
    text-decoration:none;
    color:#333;
    display:block;
    text-align:left;
    font-weight:normal;
}
.PagerStyle table
{
    text-align:center;
    margin:auto;
}
.PagerStyle table td
{
    border:0px;
    padding:5px;
}
.PagerStyle td
{
    border-top: #999999 1px solid;
}
.PagerStyle a
{
    color:#333;
    text-decoration:none;
    padding:2px 10px 2px 10px;
    border-top:solid 1px #fff;
    border-right:solid 1px #999;
    border-bottom:solid 1px #999;
    border-left:solid 1px #fff;
}
.PagerStyle span
{
    font-weight:bold;
    color:#333;
    text-decoration:none;
    padding:2px 10px 2px 10px;
}
/*RowStyles*/
.RowStyle td, .AltRowStyle td, .SelectedRowStyle td, .EditRowStyle td /*Common Styles*/
{
    padding: 5px;
    border-right: solid 1px #999;
}
.RowStyle td
{
    background-color:#E4E4E4;
}
.AltRowStyle td
{
    background-color: #fff;
}
.SelectedRowStyle td
{
    background-color:#FF9;
}


.formsManagerTableCell input
{
	cursor:default;
}