@charset "utf-8";

@import "normalize.css";
@import "base_face.css";

/********************************************
	GENERIC
********************************************/
.displayremote                  { display: none; }
div#pagewrapper 				{ background-color: #ffffff; overflow: hidden; }

div.button 						{ background: #ffffff url('../images/bg_inputgradiant.gif') repeat-x bottom left; border: 1px solid #d5d5d5; height: 15px; padding: 2px 5px 3px 3px; display: inline-block; }
div.button a 					{ background: transparent url('../images/icon_searcharrow.gif') no-repeat left 1px; padding-left: 11px; }

.hidden                         { display: none; }
.clearboth 						{ clear: both; }
.clearleft 						{ clear: left; }
.clearright						{ clear: right; }
.left 							{ float: left; }
.right 							{ float: right; }
.MBottomZero					{ margin-bottom: 0px !important; }
.MLeft                          { margin-left: 8px; }
.SecondaryImg                   { padding: 0 0 16px 16px; float: right; }
sub, sup                        { line-height: 0; }

/********************************************
	HEADER
********************************************/	
div#headerwrapper 				{ background: #ffffff url('../images/bg_multibar.jpg') no-repeat top center; width: 970px; height: auto; margin: 0 auto; position: relative; z-index: 100; }
div#logo 						{ float: left; padding: 24px 0 8px 0; }
div#uc_logo 					{ float: left; padding: 24px 0 8px 0; }
div#uc_logo .uclogo             { margin-left: 12px; }

/* search */
div#searchwrapper 				{ float: right; padding: 24px 11px 8px 0; z-index: 50; width: 226px; height: auto; }
div#search 						{ width: 226px; height: 22px; }
div#search input.ms-sbplain     { background: #ffffff url('../images/bg_inputgradiant.gif') repeat-x bottom left; border: 1px solid #d5d5d5 !important; width: 138px !important; height: 16px; padding: 2px 5px !important; }
div#search td.ms-sbgo img 	    { width: 67px; height: 22px; vertical-align: top; margin-left: 4px; border: none !important; }

/* portal */
div#portal 						{ background: #ffffff url('../images/bg_inputgradiant.gif') repeat-x bottom left; border: 1px solid #d5d5d5; width: 215px; height: 21px; margin-top: 5px; padding-left: 5px; cursor: pointer; position: relative; }
div#portal div#arrow 			{ background: transparent url('../images/icon_downarrow.gif') no-repeat center center; border-left: 1px solid #d5d5d5; width: 22px; height: 22px; position: absolute; top: 0; right: 0; }
div#portal div#arrow.active 	{ background: transparent url('../images/icon_uparrow.gif') no-repeat center center; }
ul#portallist 					{ width: 222px; position: absolute; top: 71px; display: none; }
ul#portallist ul                { display: none; }
ul#portallist li 				{ padding: 5px; background-color: #D5D5D5; }

/* sign out */
#cstm-auth                      { margin-top:8px; text-align:right; width:222px; }
#cstm-auth li                   { display:inline; }
								
/* main menu */
#navmain                        { background: #ffffff url('../images/bg_navmain.jpg') repeat-x top left; clear:both; width: 970px; height: 39px; z-index: 48; }		
#navmain ul.static li.static a  { display: inline-block; vertical-align: middle; background: transparent url('../images/bg_navdivider.jpg') no-repeat center left; padding: 0 11px 0 14px; }
#navmain ul.static li.static:first-child a 
                                { padding-left:24px; }
#navmain ul.static li.static a.menu-item 
                                { border:none; }

/* main menu - dropdowns */
#navmain ul.dynamic             { border: none; margin-left:1px; }
#navmain ul.dynamic li.dynamic a{ display: block; height: 31px; padding: 0 35px 0 25px; background: none; }

/********************************************
	BODY
********************************************/
div#bodywrapper 				{ width: 970px;	margin: 0 auto; min-height: 377px; }

/* left nav */
#leftnav                        { background: #ffffff url('../images/bg_navgradiant.gif') repeat-x top left; width: 169px; min-height: 515px; float: left; padding: 0 4px 0 24px; }
#leftnav .heading               { margin: 22px 0 10px 0; }
#leftnav a.selected             { padding-left: 10px; margin-left: 0px; }
#leftnav ul.root li.static a    { border:none; }
#leftnav ul.root li.static ul.static li.static a 
                                { padding-left: 15px !important; }

/* right nav */
div#rightnav 					{ display: none; }

/* breadcrumb */
div#breadcrumb                  { margin-bottom: 36px; }
div#breadcrumb .seperator       { padding: 0 4px; }

/* content */
div#content 					{ margin-left: 197px; padding: 22px 24px; }
div#content h1 					{ margin: 16px 0;}
div#content h2                  { margin-top:16px; }
div#content p 					{ margin-bottom: 16px; }              
div#content ol, div#content ul 	{ margin-left: 22px; }
div#content ol li, div#content ul li 
                				{ margin-bottom: 10px; }
div#content form				{ width: 100%; }
div#content dl 			        { float: left; width: 100%; margin-bottom: 16px; }
div#content dl dt 			    { clear: left; float: left; }
div#content dl dd 			    { float: left; margin-bottom: 10px; }

/********************************************
	FOOTER
********************************************/
div#footerwrapper 				{ border-top: 1px solid #cccccc; width: 922px; margin: 40px auto 18px auto; padding: 22px 24px; }
div#footerwrapper ul li 		{ display: inline; padding: 0 5px; border-left: 1px solid #CCCCCC; }
div#footerwrapper ul li.first 	{ padding-left: 0; border: none; }

/********************************************
	Notification Box Style
********************************************/
.validateCell 
{
    position: relative;
}

.formValidationMessage 
{
    position: absolute;
    right: -220px;
    padding: 0;
    margin: 0;
    width: 200px;
    top: -5px;
    color: #777;
    border: 2px solid #ffe451;
    background-color: #ffb;
}

.formValidationMessage p
{
    position: relative;
    left: -15px;
    top: 0;
    background-image:url(/_layouts/rga/images/messageBoxArrow.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: 0;
    padding: 4px 4px 4px 24px;
}

div#content .formValidationMessage p
{
    margin-bottom: 0;