/*Author:  Rick S. Rodriguez
  Date: 22 March, 2010
  
  The below CSS definitions are used in relation to the main safety services
  internet web page.
*/

/*default.aspx styles*/
#ssMainContainer
{
	clear: both;
	width: 650px;
	padding: 10px 0px 0px 20px;
	margin: 0px;
}
.ssPanel
{
	width: 320px;
	float: left;
	margin: 50px 5px 0px 0px;
}
.ssPic
{
	float: left;
	width: 80px;
	text-align: center;
}
.ssText
{
	float: left;
	width: 240px;
}
#ssHeaderText
{
	float: left;
	width: 670px;
}
#ssHeaderPic
{
	width: 200px;
	float: right;
	text-align: right;
}
/*end default.aspx styles*/

/*contacts.aspx styles*/
.ssTextPanel
{
	width: 173px;
	float: left;
}
#ssCampusInfo
{
}
#ssMainContentHolder
{
	
}
.ssContactPic
{
	float: left;
	width: 85px;
}
.ssContactText
{
	float: left;
	width: 261px;
}
.ssContactPanel
{
	float: left;
	height: 110px;
	width: 346px;
	margin: 0px 0px 50px 0px;
}
.ssContactPicLub
{
	float: left;
	width: 120px;	
}
.ssContactTextLub
{
	float: left;
	width: 226px;
}
.ssSubtitle
{
	color: Red;
	margin: 60px 0px 10px 0px;
}

/*end contacts.aspx styles*/

/*begin bio styles*/
.ssContactPanelBio
{
	float: left;
	height: 119px;
	width: 346px;
	margin: 0px 0px 10px 0px;	
}
.ssContactTextLubBio
{
	float: left;
	width: 223px;
}
div.ssContactTextLubBio h3
{
	margin: 0px 0px 5px 10px;
}
.ssContactPicLubBio
{
	float: left;
	width: 123px;	
}
#ssReturnLink
{
	width: 100px;
	text-align: right;
	float: right;
}
/*end bio styles*/
/*begin lab.aspx styles*/
#closeContainer
{
    padding: 5px;
    margin-bottom: 5px;
    text-align: center;
}
/*end lab.aspx styles*/


/*training styles*/
#ssdTrainingHeader h1
{
    font-size: 16pt !important;
    font-weight: bold !important;
    font-family: Trebuchet MS, Verdana, Arial, Georgia, Sans-Serif !important;
}

.eraiderButtonPreloginClass
{
    width: 80px;
    position: relative;
    top: -41px;
    left: 249px;
}
.eraiderButtonPostloginClass
{
    width: 80px;
    float: right;
    position: relative;
    top: -100px;
}
#userInfoHeader
{
    margin-top: 40px;
}
.userNameClass
{
    font-family: Georgia, Trebuchet MS, Verdana, Arial, Sans-Serif !important;
    font-size: 21pt !important;
    font-weight: normal !important;
}
.userInfoClass
{
    border-bottom: dotted 1px black;
    padding-bottom: 5px;
}
#courseLists ul li
{
    background: none;
    list-style: none;
    font-family: Trebuchet MS, Verdana, Arial, Sans-Serif !important;
}
#courseLists ul
{
    margin: 30px 0px 0px 0px;
    padding: 0px;
}
.courseHolder
{
    padding: 0px 10px 0px 10px !important;
    clear: both;
}
.subcourseHolder
{
    padding: 0px 12px 12px 12px !important;
    clear:both;
    border-width: 0px 0px 1px 1px;
    border-style: dotted;
    border-color: #AAAAAA;
}
.courseHeader
{
    width: 540px !important;
    float: left;
    padding-left: 2px;
}
.subcourseHeader
{
    width: 540px !important;
    float: left;
    margin-top: 12px;
}
.courseHeaderText
{
    margin: 5px 0px 0px 10px !important;
    font-size: 16pt !important;
    line-height: normal !important;
    letter-spacing: -.04em;
}
.subcourseHeaderText
{
    margin: 5px 0px 0px 10px !important;
    font-size: 12pt !important;
    /*font-weight: normal !important;*/
    letter-spacing: -1px;
    color: #b54141;
}
.descText
{
    margin-left: 10px !important;
    font-size: 8pt !important;
    color: #333333 !important;
}
.courseStatus
{
    width: 60px !important;
    float: left !important;
}
.subcourseStatus
{
    width: 60px !important;
    float: left !important;
}
#courseLists div
{
    font-family: Trebuchet MS, Verdana, Arial, Sans-Serif !important;
}
.courseTitleBox
{
    border-bottom: solid 1px #999999;
}
.clearDiv
{
    clear: both;
}
.courseHover
{
    background: url(../Resources/images/elements/gradientHoverBck.png) repeat-y top left !important;
}
#volIdInputHolder
{
    font-weight: bold;
    margin-bottom: 10px;
}
#volEmailInputHolder
{
    font-weight: bold;
    margin-bottom: 10px;
}
#volsignin input, #emailInputDiv input
{
    font-size: 18pt;
    font-family: Georgia, Trebuchet MS, Verdana, Arial, Sans-Serif;
    text-align: center;
    color: #af0000;
    font-weight: normal;
    padding: 5px;
}
.error
{
	color: Red;
}
.hide
{
    display : none;
}
#volunteerSignOut
{
    cursor: pointer;
}
#rList
{
    list-style: none;
    margin: 15px;
}
#rList li
{
    margin: 5px !important;
    font-size: 12pt !important;
    padding: 10px;
    cursor: pointer;
}

.eprep-button
{
    text-align: center;
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC black Black #CCCCCC;
    padding: 10px;
}
.eprep-button h3
{
    font-size: 24pt!important;
    line-height: 20pt!important;
}
.eprep-button-hover
{
    background: #FFEFEF;
    border-color: black #CCCCCC #CCCCCC Black;
    cursor: pointer;
}

/*Notifications*/
#notify
{
	margin: 0px;
	padding: 0px;
}
#notify p
{
	margin-top: 5px !important;
	margin-bottom: 5px !important;
	padding: 0px;
}
.notifyImage
{
	width: 80px;
	float: left;
}
.notifyImageChecklist
{
	width: 75px;
	float: left;
}
.notifyText
{
	width: 255px;
	float: right;
}
.loading
{
	height: 100%;
	vertical-align: middle;
	text-align: center;
}
.notifyBox
{
	margin: 0px;
	padding: 0px;
}
.notifyHeading
{
	font-size: 8pt;
	margin-top: 5px;
}

.notifyBoxClass
{
	border: solid 2px black;
}
/*Notifications*/
/*end training styles*/
