/* 
Verbal Summary Portal v2.0 Style Sheet
Author: Intellectual Alchemy
Implimenation: public
Date: 5/21/08
*/

/*----------------------------------------------------------------------------------
***************************** Global Elements  ***********************************
----------------------------------------------------------------------------------*/

Body {
	scrollbar-arrow-color: #ffffff;
	scrollbar-base-color:#cccccc;
	scrollbar-shadow-color:#666666;
	scrollbar-face-color:#999999;
	scrollbar-highlight-color:ffffff;
	scrollbar-dark-shadow-color:#666666;
	scrollbar-3d-light-color:#ffffff;
	
	background-color: #ffffff;

	padding:0 0 10px 0;
	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

}


/* Font Family -- Designates font-family globally.  */
html, body, div, p, td, th {	 
	font-family: Arial, Helvetica, sans-serif; color: #666666; font-size: 10pt; line-height: 11pt; margin: 0;
}


/*----------------------------------------------------------------------------------
***************************** Div Styles ***********************************
----------------------------------------------------------------------------------*/

/* Site Container -- Centers the site  */
.divSiteContainer {
	width: 980px; position: absolute; top:0px; left: 50%; margin:0 0 0 -490px; border: 1px #999999 solid; border-top:0;
}

/* Site Header --  */
.divSiteHeader {
	width: 970px; height:90px; overflow:hidden; position:relative; float:left; margin:8px 5px 0px 5px; 
}

/* Company Logo  --  */
.divLogo {
	width: 210px; height:85px; position:absolute; left:19px; top:0px; background-image:url(../images/Sprite_PortalAssets.png); background-position: -19px -0px
}

/* Header/Login Bar -- */
.divHdrBar {
	width: 970px; height:68px; overflow:hidden; position:relative; float:left; margin:18px 5px 0px 5px; background-image:url(../images/Sprite_AdminSiteBG.png); background-position: 0px -106px;	
}

/* Body Container -- */
.divBody {
	width: 950px; min-height:800px; position:relative; float:left; margin:20px 15px 0px 15px;;
}

/* Audio Player --  */
.divPlayer {
	width: 270px; height:20px; position:absolute; left:0px; top:55px;
}



/* footer Container -- */
.divFooter {
	width: 970px; height:50px; overflow:hidden; position:relative; float:left; margin:200px 5px 0px 5px; background-image:url(../images/Sprite_AdminSiteBG.png); background-position: 0px -265px;	
}

/* Success Container -- */
.divSuccess {
	width:720px; min-height:45px; position:relative; margin:15px 0px 15px 0px; background-image:url(../images/Icon_Success.gif); background-position: 8px 6px; background-repeat:no-repeat; border:#66A800 solid 2px;	
}
.divSuccess_short {
	width:300px; min-height:45px; position:relative; margin:15px 0px 15px 0px; background-image:url(../images/Icon_Success.gif); background-position: 8px 6px; background-repeat:no-repeat; border:#66A800 solid 2px;	
}
.CnrSuc_TL {width:8px; height:8px; background-image: url(../images/Sprite_ValContainerCorners.gif); background-position:0px 0px; overflow:hidden; background-repeat:no-repeat; position:absolute; left:-2px; top:-2px;
}
.CnrSuc_BL {width:8px; height:8px; background-image: url(../images/Sprite_ValContainerCorners.gif); background-position:0px -8px; overflow:hidden; background-repeat:no-repeat; position:absolute; left:-2px; bottom:-2px;
}
.CnrSuc_TR {width:8px; height:8px; background-image: url(../images/Sprite_ValContainerCorners.gif); background-position:-8px 0px; overflow:hidden; background-repeat:no-repeat; position:absolute; right:-2px; top:-2px;
}
.CnrSuc_BR {width:8px; height:8px; background-image: url(../images/Sprite_ValContainerCorners.gif); background-position:-8px -8px; overflow:hidden; background-repeat:no-repeat; position:absolute; right:-2px; bottom:-2px;
}

/* Fail Container -- */
.divFail {
	width:720px; min-height:45px; position:relative; margin:15px 0px 15px 0px; background-image:url(../images/Icon_Fail.gif); background-position: 8px 6px; background-repeat:no-repeat; border:#9E0901 solid 2px;	
}
.divFail_short {
	width:300px; min-height:45px;  position:relative; margin:15px 0px 15px 0px; background-image:url(../images/Icon_Fail.gif); background-position: 8px 6px; background-repeat:no-repeat; border:#9E0901 solid 2px;	
}
.CnrFail_TL {width:8px; height:8px; background-image: url(../images/Sprite_ValContainerCorners.gif); background-position:-16px 0px; overflow:hidden; background-repeat:no-repeat; position:absolute; left:-2px; top:-2px;
}
.CnrFail_BL {width:8px; height:8px; background-image: url(../images/Sprite_ValContainerCorners.gif); background-position:-16px -8px; overflow:hidden; background-repeat:no-repeat; position:absolute; left:-2px; bottom:-2px;
}
.CnrFail_TR {width:8px; height:8px; background-image: url(../images/Sprite_ValContainerCorners.gif); background-position:-24px 0px; overflow:hidden; background-repeat:no-repeat; position:absolute; right:-2px; top:-2px;
}
.CnrFail_BR {width:8px; height:8px; background-image: url(../images/Sprite_ValContainerCorners.gif); background-position:-24px -8px; overflow:hidden; background-repeat:no-repeat; position:absolute; right:-2px; bottom:-2px;
}

/* Form Row -- */
.divRow {
	width: 720px; min-height:34px; position:relative; float:left; margin:0px 20px 6px 0px;
}

/* RAD Window Form Row -- */
.divRADWinRow {
	width:540px; min-height:20px; position:relative; float:left; margin:0px 0 5px 10px;
}

/* Control Container -- */
.divCntrlContainer {
	width: 350px; min-height:34px; position:relative; float:left; 
}




/*----------------------------------------------------------------------------------
***************************** Font Styles ***********************************
----------------------------------------------------------------------------------*/

.fntSectHdr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #003344;
	font-weight: normal;
	letter-spacing: -1px;
	line-height:20px;
	text-transform:lowercase;
	position:absolute;
	left:10px;
	top:23px;
}

.fntCopy {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #003344;
	font-weight: normal;
	letter-spacing: 0px;
	line-height:16px;
	margin:0 0 0px 0;
	width:410px;
}

.fntLabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	font-weight: bold;
	letter-spacing: 0px;
	line-height:12px;
	text-transform:lowercase;
	margin:0 0 2px 0;
}


.fntCntHdr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #E83C08;
	font-weight: bold;
	letter-spacing: 0px;
	line-height:12px;
	margin:0 0 12px 0;
}


.fntInstructHdr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	font-weight: bold;
	letter-spacing: .01em;
	line-height:12px;
}

.fntInstruct {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	letter-spacing: 0px;
	line-height:12px;
	width:730px;
	margin:0 0 20px 0;
}

.fntUCGroupHdr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #374348;
	font-weight: bold;
	letter-spacing: 0px;
	line-height:12px;
	text-transform:uppercase;
	margin:0px 300px 5px 0;
	position:relative;
	float:left;
}

.fntValInstruct {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	letter-spacing: 0px;
	line-height:12px;
}

.fntLoginFail {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	font-weight: bold;
	text-transform:uppercase;
	letter-spacing: .01em;
	line-height:12px;
	position:absolute;
	left:383px;
	top:28px;
}



.fntFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	font-weight: normal;
	letter-spacing: 0px;
	line-height:10px;
	position: relative;
	float:right;
	right:10px;
	top:23px;
}

.fntQuestion{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #68A4C2;
	font-weight: normal;
	letter-spacing: -1px;
	line-height:20px;
	width:680px;
	margin:0 0 6px 0;
}


/*----------------------------------------------------------------------------------
***************************** Hyperlink Styles ***********************************
----------------------------------------------------------------------------------*/

.lnkFooter {
	color: #666666; 
	font: 10px Arial, Helvetica, sans-serif; 
	font-weight: normal;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing: 0px;
	line-height:10px;
}
A.lnkFooter:HOVER {color: #666666; text-decoration: underline;}






/*----------------------------------------------------------------------------------
***************************** Button Styles ***********************************
----------------------------------------------------------------------------------*/

/* GLOBAL NAV BUTTONS */
/* Home */
.btnLogo{
     display: block; /* a tag must be a block */
     width: 210px; /* width of reactive image */
     height: 85px; /* height of reactive image */
     background-image: url(../images/Sprite_PortalAssets.png);/* source for start image */
     background-repeat: no-repeat;
	 background-position: -19px -1px; 
	 margin-bottom:0px;
	 overflow:hidden;	 
	 position:absolute;
	 left:19px;
	 top:0px;
}
A.btnLogo:HOVER {background-position: -19px -91px; }

/* Home */
.btnGnavHome{
     display: block; /* a tag must be a block */
     width: 43px; /* width of reactive image */
     height: 14px; /* height of reactive image */
     background-image: url(../images/Sprite_Buttons.gif);/* source for start image */
     background-repeat: no-repeat;
	 background-position: -0px -62px; 
	 margin-bottom:0px;
	 overflow:hidden;	 
	 position:absolute;
	 left:477px;
	 top:42px;
}
A.btnGnavHome:HOVER {background-position: -0px -87px; }

/* About Us */
.btnGnavAbout{
     display: block; /* a tag must be a block */
     width: 57px; /* width of reactive image */
     height: 14px; /* height of reactive image */
     background-image: url(../images/Sprite_Buttons.gif);/* source for start image */
     background-repeat: no-repeat;
	 background-position: -59px -62px; 
	 margin-bottom:0px;
	 overflow:hidden;	 
	 position:absolute;
	 left:586px;
	 top:42px;
}
A.btnGnavAbout:HOVER {background-position: -59px -87px; }

/* Login */
.btnGnavLogin{
     display: block; /* a tag must be a block */
     width: 38px; /* width of reactive image */
     height: 14px; /* height of reactive image */
     background-image: url(../images/Sprite_Buttons.gif);/* source for start image */
     background-repeat: no-repeat;
	 background-position: -133px -62px; 
	 margin-bottom:0px;
	 overflow:hidden;	 
	 position:absolute;
	 left:660px;
	 top:42px;
}
A.btnGnavLogin:HOVER {background-position: -133px -87px; }

/* Demos */
.btnGnavDemos{
     display: block; /* a tag must be a block */
     width: 84px; /* width of reactive image */
     height: 14px; /* height of reactive image */
     background-image: url(../images/Sprite_Buttons.gif);/* source for start image */
     background-repeat: no-repeat;
	 background-position: -186px -62px; 
	 margin-bottom:0px;
	 overflow:hidden;	 
	 position:absolute;
	 left:713px;
	 top:42px;
}
A.btnGnavDemos:HOVER {background-position: -186px -87px; }

/* Request Account */
.btnGnavRequest{
     display: block; /* a tag must be a block */
     width: 92px; /* width of reactive image */
     height: 14px; /* height of reactive image */
     background-image: url(../images/Sprite_Buttons.gif);/* source for start image */
     background-repeat: no-repeat;
	 background-position: -280px -62px; 
	 margin-bottom:0px;
	 overflow:hidden;	 
	 position:absolute;
	 left:807px;
	 top:42px;
}
A.btnGnavRequest:HOVER {background-position: -280px -87px; }

/* Contact */
.btnGnavContact{
     display: block; /* a tag must be a block */
     width: 52px; /* width of reactive image */
     height: 14px; /* height of reactive image */
     background-image: url(../images/Sprite_Buttons.gif);/* source for start image */
     background-repeat: no-repeat;
	 background-position: -385px -62px; 
	 margin-bottom:0px;
	 overflow:hidden;	 
	 position:absolute;
	 left:912px;
	 top:42px;
}
A.btnGnavContact:HOVER {background-position: -385px -87px; }

/* FAQs */
.btnGnavFAQs{
     display: block; /* a tag must be a block */
     width: 39px; /* width of reactive image */
     height: 14px; /* height of reactive image */
     background-image: url(../images/Sprite_Buttons.gif);/* source for start image */
     background-repeat: no-repeat;
	 background-position: -385px -105px; 
	 margin-bottom:0px;
	 overflow:hidden;	 
	 position:absolute;
	 left:534px;
	 top:42px;
}
A.btnGnavFAQs:HOVER {background-position: -385px -125px; }


/* END GLOBAL NAV BUTTONS */


/* View Candidate Demo */
.btnCandidateDemo{
     display: block; /* a tag must be a block */
     width: 125px; /* width of reactive image */
     height: 135px; /* height of reactive image */
     background-image: url(../images/DemoButtons.png);/* source for start image */
     background-repeat: no-repeat;
	 background-position: -0px -0px; 
	 margin-bottom:0px;
	 overflow:hidden;	 
	 position:absolute;
	 left:0px;
	 top:45px;
}
A.btnCandidateDemo:HOVER {background-position: -130px -0px; }

/* View Job Demo */
.btnJobDemo{
     display: block; /* a tag must be a block */
     width: 125px; /* width of reactive image */
     height: 135px; /* height of reactive image */
     background-image: url(../images/DemoButtons.png);/* source for start image */
     background-repeat: no-repeat;
	 background-position: -320px -0px; 
	 margin-bottom:0px;
	 overflow:hidden;	 
	 position:absolute;
	 left:165px;
	 top:45px;
}
A.btnJobDemo:HOVER {background-position: -450px -0px; }



/* Cancel */
.btnCancel{
     display: block; /* a tag must be a block */
     width: 92px; /* width of reactive image */
     height: 13px; /* height of reactive image */
     background-image: url(../images/Sprite_Buttons.gif);/* source for start image */
     background-repeat: no-repeat;
	 background-position: -2253px 0px; 
	 margin-bottom:0px;
	 overflow:hidden;	 
	 position:relative;
	 float:right;
	 margin:20px 0 20px 10px;
}
A.btnCancel:HOVER {background-position: -2253px -25px; }

/* Send */
.btnSend{
     display: block; /* a tag must be a block */
     width: 92px; /* width of reactive image */
     height: 13px; /* height of reactive image */
     background-image: url(../images/Sprite_Buttons.gif);/* source for start image */
     background-repeat: no-repeat;
	 background-position: -2355px -50px; 
	 margin-bottom:0px;
	 overflow:hidden;	 
	 position:relative;
	 float:right;
	 margin:20px 0 20px 10px;
}
A.btnSend:HOVER {background-position: -2355px -75px; }





/*----------------------------------------------------------------------------------
***************************** Sprite ***********************************
----------------------------------------------------------------------------------*/

/* Portal Assets */
.Asset_CallToday {width:370px; height:20px; background-image:url(../images/Sprite_PortalAssets.png); background-position:-590px -123px; overflow:hidden; background-repeat:no-repeat; position:absolute; left:595px; top:23px; }

.Asset_HearItIs {width:246px; height:39px; background-image:url(../images/Sprite_PortalAssets.png); background-position:-19px -182px; overflow:hidden; background-repeat:no-repeat; position:absolute; left:0px; top:0px; }

.Asset_SubHd_SomethingNew {width:410px; height:24px; background-image:url(../images/Sprite_PortalAssets.png); background-position:-19px -282px; overflow:hidden; background-repeat:no-repeat; position:relative; margin:100px 0 0px 0; }

.Asset_SubHd_StandOut {width:410px; height:24px; background-image:url(../images/Sprite_PortalAssets.png); background-position:-19px -322px; overflow:hidden; background-repeat:no-repeat; position:relative; margin:20px 0 0px 0; }

.Asset_SubHd_BetterThan {width:410px; height:48px; background-image:url(../images/Sprite_PortalAssets.png); background-position:-19px -362px; overflow:hidden; background-repeat:no-repeat; position:relative; margin:20px 0 0px 0; }

.Asset_SubHd_Unlimited {width:410px; height:24px; background-image:url(../images/Sprite_PortalAssets.png); background-position:-19px -424px; overflow:hidden; background-repeat:no-repeat; position:relative; margin:20px 0 0px 0; }

.Asset_SubHd_WebBased {width:410px; height:24px; background-image:url(../images/Sprite_PortalAssets.png); background-position:-19px -464px; overflow:hidden; background-repeat:no-repeat; position:relative; margin:20px 0 0px 0; }

.Asset_SubHd_TheFirst {width:410px; height:24px; background-image:url(../images/Sprite_PortalAssets.png); background-position:-19px -504px; overflow:hidden; background-repeat:no-repeat; position:relative; margin:30px 0 0px 0; }

.Asset_Rabbit{width:240px; height:425px; background-image:url(../images/Sprite_PortalAssets.png); background-position:-440px -206px; overflow:hidden; background-repeat:no-repeat; position:absolute; left:420px; top:23px; }

.Asset_Rabbit2{width:370px; height:387px; background-image:url(../images/Sprite_PortalAssets.png); background-position:-17px -1497px; overflow:hidden; background-repeat:no-repeat; position:absolute; left:430px; top:355px; }

.Asset_Rabbit3{width:340px; height:329px; background-image:url(../images/Sprite_PortalAssets.png); background-position:-467px -1497px; overflow:hidden; background-repeat:no-repeat; position:absolute; left:220px; top:540px; }

.Asset_ViewDemos{width:243px; height:174px; background-image:url(../images/Sprite_PortalAssets.png); background-position:-717px -207px; overflow:hidden; background-repeat:no-repeat; position:absolute; left:710px; top:123px; }

.Asset_Price{width:207px; height:80px; background-image:url(../images/Sprite_PortalAssets.png); background-position:-20px -545px; overflow:hidden; background-repeat:no-repeat; position:absolute; left:710px; top:0px; }

.Asset_RequestAccount{width:243px; height:174px; background-image:url(../images/Sprite_PortalAssets.png); background-position:-717px -397px; overflow:hidden; background-repeat:no-repeat; position:absolute; left:710px; top:317px; }

.Asset_Visio_PresentingCandidate{width:955px; height:375px; background-image:url(../images/Sprite_PortalAssets.png); background-position:-13px -652px; overflow:hidden; background-repeat:no-repeat; position:absolute; left:0px; top:225px; }

.Asset_Visio_PresentingjOB{width:955px; height:375px; background-image:url(../images/Sprite_PortalAssets.png); background-position:-13px -1095px; overflow:hidden; background-repeat:no-repeat; position:absolute; left:0px; top:615px; }

.Asset_SubHd_ChooseDemo{width:660px; height:36px; background-image:url(../images/Sprite_PortalAssets.png); background-position:-17px -1937px; overflow:hidden; background-repeat:no-repeat; position:absolute; left:0px; top:0px; }







/* CANCEL/SAVE */
.spriteCancelSave {position: relative; float:right; padding: 0px; margin:20px 0 20px 0; width: 296px; height: 13px; overflow:hidden;}
.spriteCancelSave li {width: 92px; height: 13px; position: absolute; top:0px; background: url(../images/Sprite_CancelSave.gif) 0 0 no-repeat; display: block; list-style: none;}
.spriteCancelSave a {width: 92px; height: 13px; display: block; }
.spriteCancelSave .Finish {left: 0px;}
.spriteCancelSave .Cancel {left: 102px; background-position: -102px 0;}
.spriteCancelSave .Save {left: 204px; background-position: -204px 0;}

.spriteCancelSave .Finish a:hover {background: url(../images/Sprite_CancelSave.gif) 0px -13px no-repeat;}
.spriteCancelSave .Cancel a:hover {background: url(../images/Sprite_CancelSave.gif) -102px -13px no-repeat;}
.spriteCancelSave .Save a:hover {background: url(../images/Sprite_CancelSave.gif) -204px -13px no-repeat;}





/*----------------------------------------------------------------------------------
***************************** User Controls ***********************************
----------------------------------------------------------------------------------*/

/* User Control, 350PX WIDTH -- sets color, border and font style for all text inputs, dropdowns */
.ucGeneric{
    border: 1px solid #cccccc;
	width: 350px;
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;    
    color: #000000;   
    text-decoration: none; 
	padding-left: 2px;
	scrollbar-arrow-color: #ffffff;
	scrollbar-base-color:#cccccc;
	scrollbar-shadow-color:#666666;
	scrollbar-face-color:#999999;
	scrollbar-highlight-color:ffffff;
	scrollbar-dark-shadow-color:#666666;
	scrollbar-3d-light-color:#ffffff;
}


