/* 

@charset "utf-8";

CSS Document

*/

* {margin:0; padding:0;}

body  
{
	font: 69% Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background: #9FA1A2 url(../images/rr/bgr_body.jpg) left top repeat-x scroll;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	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;	
}



.widePage #container { 	width: screen.width; background: #FFFFFF; margin: 0 10px 0 1em; text-align: left; min-width:1194px; } 
.narrowPage  #container {width: 670px; 	background: #FFFFFF; position:relative;	margin: 0 auto; text-align: left; } 

/* ===HEADER ===*/
#header { 	background: #FFF url(../images/rr/bgr_TopHeader.jpg) left bottom repeat-x scroll; 	position:relative;	padding: 0px;	 height:110px;  }

#header #leftCorner {position:absolute; bottom:0;}

#header #Tab {position:absolute; bottom:0; right:0; height:39px; background:url(../images/rr/topTabBody.jpg) left top repeat-x scroll; width:28em; } 
#header #Tab #leftTabCorner{ padding:0; padding-left:50px;  background:url(../images/rr/topTabLeft.jpg) left top no-repeat; height:39px;}
#header #Tab #rightTabCorner{ background:url(../images/rr/topTabRight.jpg) right top no-repeat scroll; height:39px;}
#header #Tab a {color:#2EC0E4; font-weight:bold;}
#header #Tab a:hover, #header #Tab a:active, #header #Tab a:focus {color:#FF6600; }
#header #Tab a.modAccSet {background:url(../images/rr/ico/16/accountsettings16.gif) left 10px no-repeat; height:39px; line-height:39px; display:inline; float:right;  margin-right:0px; padding-left:20px;width:13em}
#header #Tab a.myTasks {background:url(../images/rr/ico/16/systemtasks16.gif) left 10px no-repeat; height:39px; line-height:39px; display:inline; float:right;  padding-left:20px; margin-right:15px; width:5em;}
#header h1 
{
	position:absolute;
	margin: 15px 0 15px 20px; 
	padding: 0px 0; 
	width:222px; 
	height:80px;
	display:block; /* Yellow  */
	background-color:#FFFFFF;
}
#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;}
*html #bodyWrapRight {height:590px;}

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



#breadcrumbs {margin:0 20px; padding:10px 0; font-weight:bold; color:#999; }
*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: 0 20px 0 1em; /* the right margin can be given in percentages or pixels. It creates the space down the right side of the page. */
} 
.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 {width:666px;}
.narrowPage  #mainContent .mainContentWrap {margin:0 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 
{
	
	/* position:relative; 

	*/
	height:35px; 
	line-height:45px;
	color: #333; /* Blue*/
	font-size:1.3em; 
	margin:20px 0px; 
	background-image: url(../images/h1bg.jpg);
}
.narrowPage #mainContent h1 img { float:left; margin-top:1px; width:32px; height:32px; margin-left:10px; margin-right:10px; display:inline;}
.narrowPage #mainContent h1.userAgent {}
.narrowPage #mainContent h1.userAgent img {width:37px; margin-left:8px; margin-right:7px}
.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;}


.narrowPage .emailSettingsInputField {width:70%; }

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

input.btnAdd {width:81px; height:19px; background:url(../images/rr/btn/btn_Add.jpg);}
input.btnNew {width:81px; height:19px; background:url(../images/rr/btn/btn_New.jpg);}
input.btnNewDisabled {width:81px; height:19px; background:url(../images/rr/btn/btnDisabled_New.jpg);cursor:default;}
input.btnDelete {width:81px; height:19px; background:url(../images/rr/btn/btn_Delete.jpg);}
input.btnDeleteDisabled {width:81px; height:19px; background:url(../images/rr/btn/btnDisabled_Delete.jpg); cursor:default;}
input.btnNext {width:81px; height:19px; background:url(../images/rr/btn/btn_Next.jpg);}
input.btnNextDisabled {width:81px; height:19px; background:url(../images/rr/btn/btnDisabled_Next.jpg); cursor:default;}
input.btnBack {width:81px; height:19px; background:url(../images/rr/btn/btn_Back.jpg);}
input.btnBackDisabled {width:81px; height:19px; background:url(../images/rr/btn/btnDisabled_Back.jpg); cursor:default;}
input.btnPrint {width:81px; height:19px; background:url(../images/rr/btn/btn_Print.jpg);}
input.btnSave {width:81px; height:19px; background:url(../images/rr/btn/btn_Save.jpg);}
input.btnSaveAs {width:81px; height:19px; background:url(../images/rr/btn/btn_SaveAs.jpg);}
input.btnCancel {width:81px; height:19px; background:url(../images/rr/btn/btn_Cancel.jpg);}
input.btnSubmit {width:81px; height:19px; background:url(../images/rr/btn/btn_Submit.jpg);}
input.btnResetSchedule{width:102px; height:19px; background:url(../images/rr/btn/btn_resetSchedule.jpg);}
input.btnReset{width:81px; height:19px; background:url(../images/rr/btn/btn_Reset.jpg);}

/*===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;}

/* ===FOOTER ===*/
#footer {	position:relative;	padding: 0px; 	background:#A2A4A5 url(../images/rr/bgr_footer.jpg) left top repeat-x; height:67px;}

#footer #cornerLeftFooter{ position:absolute; left:0; z-index:3;}
#footer #cornerRightFooter{ position:absolute; right:0; z-index:3;}
#footer p {margin: 0 20px 0 20px;	padding: 10px 0; color:#FFF; }
#footer p a {color:#FFF; text-decoration:none; font-weight:normal; text-decoration:underline;}
#footer p a:hover, #footer p a:active, #footer p a:focus { color:#FFF; text-decoration:underline;}


/*===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;}
.clearfloat { 	clear:both;    height:0;    font-size: 1px;    line-height: 0px;}


/*===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;
}