/*** Reset All ***/
*
{
    margin: 0;
    padding: 0;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
{
    margin: 0;
    padding: 0;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img
{
    border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var
{
    font-style: normal;
    font-weight: normal;
}
ol, ul
{
    list-style: none;
}
caption, th
{
    text-align: left;
}
h1, h2, h3, h4, h5, h6
{
    font-size: 100%;
    font-weight: normal;
}
q:before, q:after
{
    content: '';
}
abbr, acronym
{
    border: 0;
}
a
{
    outline: none;
}

/*** Main Structure ***/
html,
body {
    margin:0;
    padding:0;
    height:100%;
    text-align: left;
    margin: 0 auto;
    font: 12px arial, Geneva, sans-serif;
    background-color: #1d2c37;
    background-image: url('/images/background.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    text-align: center;    
    color: #6f6f6f;
    line-height: 1.5em;
}
h2 
{
    color: #4675b8;
    font-size: 25px;
    line-height: 37px;
    vertical-align: middle;
}
h3 
{
    color: #4675b8;
    font-size: 20px;
    line-height: 32px;
    vertical-align: middle;
}
#container {
    min-height:100%;
    position:relative;
}

#headerFrame 
{
    height: auto;
    text-align: center;
}

#bodyFrame {
    padding-bottom:164px;   /* Height of the footer */
}

#footerFrame 
{
/*    position:absolute; */
/*    bottom:0; */
    margin-top: -164px;
    width:100%;
    height:164px;   /* Height of the footer */
    text-align: center;
}

#header
{
    height:128px;
    background: url("/images/header.jpg") repeat-x;
    width: 980px;
    margin: 0px auto 0px auto;
    clear: both;
    padding: 0px;
}

#mainContent
{
    overflow: auto;
    width: 980px;
    margin: 0 auto 0px auto;
    clear: both;
    background-color:#e0efff;
    background-image: url('/images/ContentBG.gif');
    background-repeat: repeat-x;    
    height: auto;
    padding-bottom: 15px;
    min-height:500px;
}
#footer
{
    height:149px;
    background-color:#e0efff;
    background-image: url("/images/footer.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    clear: left;
    width: 980px;
    margin: 0 auto 0px auto;
    padding: 0px;
    padding-top: 15px;
}

#navWrapper 
{
    background-image: url('/images/menuBg.jpg');
    background-repeat: repeat-x;
    height: 31px;
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    line-height: 31px;
    vertical-align: middle;
}
#navWrapper a
{
    color: #a4c3ef;
    text-decoration: none;
}

/*** LOGIN.ASCX ***/
.loginWrapper
{
    float: left;
    background-image: url('/images/StampBG.png');
    width: 337px;
    height: 175px;
    margin: 15px 0px 0px 15px;
}
.loginTypeList, .menuList
{
    width: 110px;
    float: left;
}
.loginTypeList ul, .menuList ul
{
    /*margin-top: 2px;*/
    display: block;
}
.loginTypeList li, .menuList li
{
    height: 35px;
    vertical-align: middle;
    line-height: 35px;
    cursor: pointer;
    color: White;
    width: 110px;
}
.menuContent
{
    text-align: left;
    float: right;
    width: 160px;
    padding: 20px 30px 20px 10px;
    color: White;
}
.menuList ul li a
{
    color: White;
    text-decoration: none;
}

.loginTypeList li#surgeonsTab.selected, .menuList li#tab1.selected, .loginTypeList li#surgeonsTab.hover, .menuList li#tab1.hover
{
    background-image: url('/images/LoginBGHover.png');
    background-repeat: repeat-x;
    background-position: 0px 0px;
}
.loginTypeList li#anaesthetistsTab.selected, .menuList li#tab2.selected, .loginTypeList li#anaesthetistsTab.hover, .menuList li#tab2.hover
{
    background-image: url('/images/LoginBGHover.png');
    background-repeat: repeat-x;
    background-position: 0px -37px;
}
.loginTypeList li#theatresTab.selected, .menuList li#tab3.selected, .loginTypeList li#theatresTab.hover, .menuList li#tab3.hover
{
    background-image: url('/images/LoginBGHover.png');
    background-repeat: repeat-x;
    background-position: 0px -70px;
}
.loginTypeList li#assistantsTab.selected, .menuList li#tab4.selected, .loginTypeList li#assistantsTab.hover, .menuList li#tab4.hover
{
    background-image: url('/images/LoginBGHover.png');
    background-repeat: repeat-x;
    background-position: 0px -107px;
}
.loginTypeList li#rostersTab.selected, .menuList li#tab5.selected, .loginTypeList li#rostersTab.hover, .menuList li#tab5.hover
{
    background-image: url('/images/LoginBGHover.png');
    background-repeat: repeat-x;
    background-position: 0px -144px;
}
.loginContent
{
    text-align: left;
    float: right;
    width: 170px;
    padding: 30px 0px 0px 50px;
}
.loginWelcome
{
    float: left;
    width: 380px;
    text-align: left;
    margin: 15px;
}

/*** NAVIGATION ***/
#navWrapper ul li
{
    float: left;
    width: 120px;
    color: #a4c3ef;
}

.menuLink a 
{
    background-image: url('/images/menuLink.jpg');
    display: block;
    width: 120px;
    height: 31px;    
}

.menuLink a:hover
{
    background-position:0px -31px;
}

#logoutMenu a
{
    background-image: url('/images/menuLinkLogout.jpg');
    display: block;
    color: #FFFFFF;
    width: 120px;
    height: 31px;
}

#logoutMenu a:hover
{
    background-position:0px -31px;
}

/*** FOOTER ***/
.footerLinks
{
    color: White;
    text-align: left;
    padding: 20px 0px 0px 40px;
    text-decoration:none;
}
.footerLinks a:visited, .footerLinks a:link
{
    color: White;
    text-decoration:none;
}
.footerLinks a:hover
{
    color: White;
    text-decoration:underline;
}
/*** REGISTRATION ***/
.registrationWrapper
{
    float:left;
    text-align: left;
    padding: 30px 0px 0px 50px; 
    width: 650px;
}
.registrationWrapper li
{
    float: left;
    width: 200px;
    text-align: center;
    background-color: #b3d4f4;
    margin: 0px 2px 0px 2px;
    color: #000;
}
.registrationWrapper li.registrationStepSelected
{
    background-color: #2f516e;
    color: #fff;
}
.registrationInfoWrapper
{
    width: 100%;
    text-align: left;
    padding-bottom: 5px;
    padding-top: 15px;
}
.registrationInfo
{
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 450px;
    border: solid 1px #000;
    background-color: #b3d4f4;
}
.registrationInfo td 
{
    padding: 5px;
}
.registrationNavigation
{
    padding: 10px;
    width: 450px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    height: 50px;
}

/*** CALENDAR ***/
.calendarWrapper 
{
    width: 500px;
}

.pageWrapper
{
    float:left;
    width:500px;
    text-align:left;
    padding-left:40px;
    margin-left:10px;
}

.infoPageWrapper
{
    float:left;
    width:500px;
    text-align:left;
    padding-left:40px;
    margin-left:10px;
}

.infoPageWrapper strong
{
    font-weight:bold;
}

.infoPageWrapper ol, .infoPageWrapper ul
{
    list-style-type:square;
    list-style-position:inside;
}

.infoPageWrapper li
{
    padding:10px;
}

.infoPageWrapper p
{
    padding-top:10px;
    padding-bottom:10px;
}
/*** BUTTONS ***/
.buttonSml
{
    float:left;
    overflow:hidden;
    text-decoration:none;
    text-align: center;
    font-size:12px;
    font-weight:normal;
    line-height: 23px;
    color: White;
    vertical-align: middle;
    min-width:67px;
    max-width:67px;
    width:67px;
    min-height:23px;
    max-height:23px;
    height:23px;
    background: url("/images/btnSmall.png") no-repeat;
}

.buttonSml:hover
{
    background-position:0px -23px;
}

.buttonLge
{
    float:left;
    overflow:hidden;
    text-decoration:none;
    text-align: center;
    font-size:12px;
    font-weight:normal;
    line-height: 23px;
    color: White;
    vertical-align: middle;
    min-width:122px;
    max-width:122px;
    width:122px;
    min-height:23px;
    max-height:23px;
    height:23px;
    background: url("/images/btnLarge.png") no-repeat;
}

.buttonLge:hover
{
    background-position:0px -23px;
}

.buttonCircle
{
    float:left;
    overflow:hidden;
    text-decoration:none;
    text-align: center;
    font-size:12px;
    font-weight:normal;
    line-height: 23px;
    color: White;
    vertical-align: middle;
    min-width:23px;
    max-width:23px;
    width:23px;
    min-height:23px;
    max-height:23px;
    height:23px;
    background: url("/images/btnCircle.png") no-repeat;
}

.buttonCircle:hover
{
    background-position:0px -23px;
}

.SizeWrapper
{
    float: left;
    text-align: left;
    padding: 30px 0px 0px 50px; 
    width: 500px;
}

/*** ANAESTHETIST INPUT ***/

.calendarInputWrapper
{
    float: left;
    text-align: left;
    padding: 30px 0px 0px 50px; 
    width: 500px;
}
.calendarInputWrapper ul
{
    margin: 10px auto 10px auto;
}
.calendarInputWrapper li
{
    float: left;
    width: 160px;
    text-align: center;
    background-color: #ffffff;
    height: 30px;
    vertical-align: middle;
    line-height: 30px;
    margin: 0px 1px 0px 3px;
    color: #000;
    border: solid 1px #cccccc;
}
.calendarInputWrapper li.inputProcessSelected, .calendarInputWrapper li.selected
{
    background-color: #b4d6f9;
    color: #333;
}


/*** REGION INPUT ***/

.RegionMap
{
    background-image: url('/images/Map.jpg');
    background-repeat: no-repeat;
    display: block;
    height: 445px;
    width: 400px;
    border: none;
    margin-bottom: 10px;
    margin-right:auto;
    margin-left:auto;
}

/*** Checkbox Styling ***/
.chkFavouriteHospital, .chkOtherHospital, .chkSpeciality
{
    margin-left:10px;
    padding:3px;   
}

.chkFavouriteHospital label, .chkOtherHospital label, .chkSpeciality label
{
    margin-left:3px;
    margin-top:-2px;
}
/*** AUTHENTICATED ***/
.authMenuWrapper
{
    float: left;
    width: 337px;
    height: 175px;
    margin: 15px 0px 0px 15px;
    background-image: url('/images/StampBG.png');
    background-repeat: no-repeat;
}

/*** MISC ***/
.watermarkCss
{
    color: #777;
}
.lefty
{
    float: left;
}
.righty
{
    float: right;
}
.radioButton input
{
    margin-right: 5px;
}
.checkBox input
{
    margin-right: 5px;
}


/**********Input ProgressBar **************/
.progressBar div
{
    float:left;
    background-repeat: no-repeat;
    width:72px;
    height:40px;
    min-height:40px;
    max-height:40px;
    line-height:14px;
    text-align:center;
    font-family:Verdana;
    font-size:14px;
    text-align:center;
    background-position:center top;
}
.progressBar .progressStart
{
    background-image: url('/images/pbStart.png');
}
.progressBar .progressMid
{
    background-image: url('/images/pbMid.png');
}
.progressBar .progressEnd
{
    background-image: url('/images/pbEnd.png');
}

.progressBar .current
{
    font-weight:bold;
    color:#3366CC;
    background-position:center -40px;
}

.progressBar .past
{
    background-position:center -80px;
}


hr
{
    border:none;
    border-top:solid 1px #4675B8;
    height:0px;
    margin-bottom:5px;
}

.showInfo
{
    float:right;
    margin-left:15px;
    margin-top:10px;
    cursor:pointer;
}

.rosterFile
{
    text-align:center;
    padding:10px;
    float:left;
}

.rosterFile a
{
    text-decoration:none !important;
}

.divHospitalList
{
    text-align:left;
    width:400px;
}

.hiddenInfo
{
    border: solid 1px #4675B8;
    padding: 5px;
}

.hiddenInfo p
{
    margin-bottom: 15px;
}

.highlight 
{
    background-color: #3aa6fc;
    color:#FFFFFF;
}

.newChkBox
{
    float:left;
    width:125px;
    margin-bottom:6px;
}

div.newChkBox input
{
}

div.newChkBox label
{
    width:100px;
}