/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background: #b6b7bc;
    font-size: .80em;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

a:link, a:visited
{
    color: #333;
}

a:hover
{
    color: #333;
    text-decoration: none;
}

a:active
{
    color: #333;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #333;

    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 6px;
    margin-top:10px;
}

h2
{
    margin-top:5px;
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 960px;
    background-color: #fff;
    margin: 20px auto 10px auto;
    border: 1px solid #336666;padding-bottom:20px;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #336666;
    width: 100%;
}

#headerLogo{background:url(Images/passplus_logo.png) no-repeat top left;width:130px;height:130px;position:absolute;top:-20px;left:-25px;}

.header h1
{
    font-weight: 700;
    margin: 5px 0 10px 88px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 1em;
    font-size: 2em;
}

.header h1 span{font-size:11px;margin-left:3px;}



.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#003333;
    width:100%;
   
}

div.hideSkiplink a{display:none;}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    margin-left:100px;
    padding: 0px;
    width: auto;
}

div.menu ul li ul{margin:0;}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #336666;
    border: 1px #99cccc solid;
    color: #fff;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
    margin-right:5px;
}

div.menu ul li a:hover
{
    background-color: #275858;
    color: #fff;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #275858;
    color: #fff;
    text-decoration: none;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 250px;
}
div.accountInfo p{margin:0 !important;height:55px;}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
    font-size:12px;
}

.loginDisplay a:visited
{
    color: white;  font-size:12px;
}

.loginDisplay a:hover
{
    color: white;  font-size:12px;
}

.failureNotification
{
    font-size: 1em;
    color: Red;

}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
   
}

#loginField{width:200px;margin:20px auto 0 auto;}
#loginField h2{margin-bottom:10px;}
div.accountInfo p.remember{height:20px;}

.main ul li{color:#333;margin:4px 0 4px 0;}
.main ul li a {color:#333;}

strong{color:#333;}

/*course styles*/

.courseListItem{border:1px solid #688caf;padding:5px 10px 10px 10px;background:#e5eefe;margin:10px 0 10px 0;}
.courseListItem ul li{margin:8px 0 8px 0;}
.courseItemControls{clear:both;}
.courseItemControls a{color:#333;}

#courseInfo{width:600px;float:left;}
#passPlusLogo{width:200px;height:211px;float:right;}

.controlCommon{border:1px solid #abc1de;height:19px;}
.courseDetails{width:500px;float:left;}
.courseDetails ul li{line-height:19px;}

.pagerInfo{float:right;}
.searchBox{margin-bottom:10px;}

/*override telerik css*/
.rgRow, .rgAltRow, .rgHeader, .rgEditForm, .rgEditForm table, .rgEditRow,
 .rgCommandTable, .RadPicker_Office2007 .riTextBox {font-family:Arial !important;}
.rgHeader {font-weight:bold !important;}
.RadSiteMap, .RadSiteMap_Default ul li {margin-top:10px;}
.RadSiteMap_Default ul li a {color:#3a4f63;}
.captcha a {color:#333;font-size:11px;}
.captcha img {margin-bottom:5px;border:1px solid #abc1de;}
.captcha .captchaLabel {font-size:11px;color:#333;}
.captcha p {margin:5px 0 5px 0;}
.captchaTxt {border:1px solid #abc1de;}


/* general*/
.validation{background:#ff9999;border:1px solid #ff6666;padding:10px;padding-top:0;color:#cc3333;margin:5px 0 5px 0;}
.validation ul{list-style-type:none;padding:0;margin:0;}
.validation ul li{margin-top:7px;}
.blueLoader{padding-left:23px;background:url(../App_Themes/Default/Images/ajax-loader.gif) no-repeat 0 2px;font-size:11px;font-weight:bold;}
.bookNow{color:#333 !important;font-weight:bold;font-size:13px;display:block;width:100px;margin-top:30px;}

#courseDetails ul li{margin:8px 0 8px 0;line-height:19px;}

#courseDetails table td.tlabel{padding:7px 0 0 0;}

.successPanel{background:#ccffcc;border:1px solid #339933;padding:0 10px 10px 10px;}

#bookingForm{width:360px;float:left;}
#countiesHolder{margin-top:0;}
#flashMap{width:420px;float:left;}
#countyList{width:300px;float:right;margin:30px 0 0 10px;}
.tdHead{font-weight:bold;}

/*dialog*/
.show{display:block;}
.hide{display:none;}

#validatorModal{margin:10px;}
#validatorModal ul{margin:10px 0 0 25px;padding:0;}
#validatorModal ul li{margin-top:5px;}
#validatorModal p {font-weight:bold;}

/*Google Maps */
.map_infoCourseName{font-weight:bold;}
.map_infoAddress{margin-bottom:3px;font-size:11px;}
.courseMap{width:250px;float:right;margin-top:6px;border:1px solid #abc1de;}
.googleMap{width:250px;height:250px;}
.googleMapLarge{width:540px;height:550px;border:1px solid #abc1de;}
#courseMapLarge{width:540px;float:right;margin-top:30px;}