/* CSS Document */

/* --------------  Homepage  --------------  */

.baseheaders {
color:#ffffff;
padding:6px 5px 5px 7px;
margin:0px;
background-color:#1C2674;
}

.bottomsection {
float:left;
width:723px;
margin:0px;
padding:0px 20px 0px 20px;
background:url(../../images/emp-manillatab.gif) top left no-repeat transparent;
position:relative;
bottom:20px;
z-index:10000;
}

.bottomleftsection { 
float:left;
width:425px;
margin:10px 0px 0px 0px;
padding:0px;
}

.bottomleftsection p {
font-size:10pt;
margin:5px 0px 5px 0px;
width:100%;
}

/* ------------- Product Overview Pages ------------- */

#contentcontainer {
width:800px;
float:left;
background:url(../../images/emp-topsoft-gradient.gif) top left repeat-x #ffffff;
border:solid 1px #ffffff; 
}

.purchsecontainer {
width:800px;
float:left;
background:url(../../images/emp-topsoft-gradient.gif) top left repeat-x #ffffff;
border:solid 1px #ffffff; 
}

.pageheader {
width:760px;
float:left;
height:185px;
padding:35px 20px 15px 20px;
}

.pageheader h1 {
font-size:20pt;
margin:0px 0px 10px 0px;
}

.pageheader h2 {
font-size:12.5pt;
line-height:18pt;
color:#001269;
margin:5px 0px;
width:310px;
}

.wrapcontentblock {
position:relative;
overflow:hidden;
width:782px;
float:left;
padding:18px 18px 18px 0px;
}

.contentblock {
width:780px;
position:relative;
right:25px;
padding:20px 20px 100px 35px;
float:left;
border:solid 1px #f47d30;
border-left-width:0px;
background-color:#ffffff;
overflow:visible;
}

.contentarea {
width:770px;
padding:20px 20px 100px 10px;
float:left;
border-top:solid 1px #f47d30;
background-color:#ffffff;
}

.descriptionblock{
float:left;
padding:25px;
width:675px;
}

.descriptionblock h2{
font-size:14pt;
margin:10px 0px;
}

.descriptionblock p{
font-size:10pt;
margin:5px 0px 15px 0px;
}

.descriptionblock .learnmore {
font-size:10.5pt;
font-weight:bold;
display:inline;
padding-left:20px;
background:url(../../images/smbluearrow.gif) 1px 4px no-repeat transparent;
list-style-type:none;
}

/*.contactbottom {
float:left;
position:relative;
right:19px;
bottom:30px;
width:425px;
padding:0px;
margin:0px 0px -15px 0px;
background:url(../../images/b2b-contactblock-br.gif) bottom right no-repeat #1C2674;
overflow:visible;
}

.contactbottom h2 {
color:#ffffff;
font-size:12pt;
font-weight:normal;
line-height:18pt;
position:relative;
padding:5px 15px;
margin:5px 0px;
left:35px;
border-left:solid 3px #5a8e22;
}*/

.contactbottom {
display:block;
position:relative;
left:18px;
bottom:55px;
float:right;
width:395px;
padding:0px;
margin:0px;
background:url(../../images/b2b-contactblock-bl.gif) bottom left no-repeat #1C2674;
}

.contactbottom div {
float:left;
width:360px;
margin:0px;
padding:15px 20px 20px 20px;
background:url(../../images/b2b-contactblock-tl.gif) 0px 0px no-repeat transparent;
}

.contactbottom h2, .hmcontactbottom h2{
color:#ffffff;
font-size:12.5pt;
font-weight:normal;
padding:10px 5px 5px 5px;
margin:0px 20px 0px 0px;
width:350;
float:left;
/*border-right:solid 3px #5a8e22;*/
}

.contactbottom div .contactbutton, .hmcontactbottom div .contactbutton{
float:left;
position:relative;
left:5px;
}

.hmcontactbottom {
width:800px;
float:right;

background:url(../../images/b2b-contactblock-br.gif) bottom right no-repeat #1C2674;
}

.hmcontactbottom .hmcbcorner {
float:right;
width:800px;
margin:0px;
padding:5px 0px;
background:url(../../images/b2b-contactblock-bl.gif) 0px bottom no-repeat transparent;
}

/*.hmcontactbottom {
display:block;
position:relative;
float:left;
width:400px;
padding:0px;
margin:0px;
background:url(../../images/b2b-contactblock-br.gif) bottom right no-repeat #1C2674;
}

.hmcontactbottom div {
float:right;
width:400px;
margin:0px;
padding:15px 20px 20px 20px;
background:url(../../images/b2b-contactblock-tr.gif) 373px 0px no-repeat transparent;
}*/

/* --------------- Call to Action Button --------------- */

.contactbutton {
background:url(../../images/buttonstatic.gif) top left repeat-x #ff7e01;
border-top:solid 1px #ff9601;
border-right:solid 1px #ff9601;
border-bottom:solid 1px #ff6201;
border-left:solid 1px #ff9601;
font:bolder 14pt Arial, Helvetica, sans-serif;
color:#faf2d2;
padding:4px 8px 4px 8px;
margin:0px;
}

.contactbutton:Hover {
background:url(../../images/buttonhover.gif) top left repeat-x #ffa900;
text-decoration:underline;
cursor:hand;
color:#ffffff;
}

.gobutton {
background:url(../../images/buttonstatic.gif) top left repeat-x #ff7e01;
border-top:solid 1px #ff9601;
border-right:solid 1px #ff9601;
border-bottom:solid 1px #ff6201;
border-left:solid 1px #ff9601;
font:bolder 13px Arial, Helvetica, sans-serif;
color:#faf2d2;
padding:4px 8px 4px 8px;
margin:0px;
display:inline-block;
_width:200px;
_text-align:center;
}

.gobutton:Hover {
text-decoration:underline;
border-bottom:solid 0px #ffffff;
cursor:hand;
color:#ffffff;
}


/* --------------- Modal Window Styles --------------- */

.jqmOverlay { background-color:#000000; }

#testimonial{
display: none;
position: fixed;
top: 10%;
left: 50%;
width:800px;
margin-left:-400px;
}

#dialog{
display: none;
position: fixed;
top: 10%;
left: 50%;
width:800px;
margin-left:-400px;
}

.modal { 
width:800px;
float:left;
padding:20px;
z-index:1200;
position:relative;
background-color:#ffffff;
}

.modal .sb-inner { background-color:#ffffff; }
 
/* --------------- Modal Control Login / Pricing --------------- */

.price-block {
float:left;
width:800px;
margin:0px 2px 0px 0px;
}

.pricing {
float:right;
width:275px;
background-color:#f8f9fc;
border:solid 1px #e2e5ec;
}

.pr-header {
background:url(../../images/emp-pricinggradient.gif) bottom left repeat-x #ffffff;
border-bottom:solid 1px #cad3ec;
margin:0px;
padding:0px;
float:left;
width:100%;
}

.pr-subheader {
background-color:#f4f6fa;
border-bottom:solid 1px #e2e5ec;
margin:0px;
padding:0px;
float:left;
width:100%;
}

.pr-even {
background-color:#f9f9fc;
margin:0px;
padding:0px;
float:left;
width:100%;
border-bottom:solid 1px #e2e5ec;
}

.pr-even:Hover {
background-color:#fff5d7;
cursor:pointer;
}

.pr-odd {
background-color:#ffffff;
margin:0px;
padding:0px;
float:left;
width:100%;
border-bottom:solid 1px #e2e5ec;
}

.pr-odd:Hover {
background-color:#fff5d7;
cursor:pointer;
}

.pr-people {
width:140px;
margin:0px;
float:left;
text-align:center;
padding:5px 0px 5px 0px;
border-right:solid 1px #e2e5ec;
}

.pr-price {
width:130px;
margin:0px;
float:right;
text-align:center;
padding:5px 0px 5px 0px;
}

.pr-button {
margin:3px;
padding:5px 0px 5px 0px;
text-align:center;
float:left;
width:259px;
position:relative;
bottom:2px;
left:2px;
}

.field-container {
width:400px;
float:left;
padding:3px 0px 3px 0px;
margin:2px 0px 2px 0px;
}

.RadioButtons {
float:left;
width:20px;
}

.NewUserLabel {
float: left;
margin:0px;
text-align: left;
font-weight: bold;
padding:2px;
width:75px;
}

.FieldRequiredValidator {
color:Red;
text-decoration: none;
font-weight: bold;
}

.FieldErrorMessage {
float: left;
color:red;
text-decoration: none;
font-weight: bold;
}

.asterik {
font-size:135%;
float:left;
margin-left:5px;
}
        
.textField {
float:left; 
margin:0px;
padding:2px;
background:url(../../images/gradient_form.gif) left top repeat-x #FFFFFF;
border:solid 1px #d7dde8;
border-top-color:#4c76ad;
border-left-color:#4c76ad;
}

.alertRegister {
background:url(../../images/emp-baseshade-dropshadow.gif) bottom left repeat-x #fffef8;
padding:10px;
float:left;
border-bottom:solid 1px #e2e5ec;
text-align:left;
}

#pricingchart {
}

.chartrow {
float:left;
width:640px;
margin:0px;
padding:0px;
display:block;
border:solid 1px #e3e5ec;
border-top-color:#ffffff;
}

.rowtitle {
float:left;
width:220px;
margin:0px;
padding:5px 0px 3px 10px;
overflow:hidden;
}

.rowprice {
width:81px;
float:left;
margin:0px;
padding:5px 0px 3px 0px;
text-align:center;
border-left:solid 1px #e3e5ec;
overflow:hidden;
}

.rowodd {
background-color:#f1f4fa;
}

/* --------------- B2B Catalog Course List --------------- */

.sr-backarrow {
background:url('../../images/search-backarrow.gif') no-repeat right bottom;
margin:0px;
width:15px;
height:17px;
position:relative;
bottom:11px;
text-decoration:none;
outline:0;
padding:8px 4px;
}

.sr-backarrow:Hover {
background:url(../../images/search-backarrow-hover.gif) bottom right no-repeat transparent;
text-decoration:none;
outline:0;
}

.sr-nextarrow {
background:url('../../images/search-nextarrow.gif') no-repeat right bottom;
width:15px;
height:17px;
position:relative;
bottom:11px;
text-decoration:none;
outline:0;
padding:8px 4px;
margin:0px;
}

.sr-nextarrow:Hover {
background:url(../../images/search-nextarrow-hover.gif) bottom right no-repeat transparent;
text-decoration:none;
outline:0;
}