/*CSS (Cascading Style Sheet) Copyright (c) Erik Stackelberg @ Stackelberg.ca*/
@media screen {

    /*--------------General-----------------------------------------------------------------------------------*/
    BODY, html { height: 100%; /*important!*/ margin: 0 0 0 0; /*important!*/ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #515151; line-height: 16px; background-image: url(../../../images/bg.gif); background-repeat: no-repeat; }

    /*--------------Links-----------------------------------------------------------------------------------*/
    a:link { color: #9d221a; text-decoration: none; font-style: normal; font-weight: bold; background: url(../../../images/linkunderline.gif) repeat-x 100% 100%; /*custom underline*/ padding-bottom: 1px; /*to space out the custom underline*/ background-position: left bottom; /*to force background dashes to start at left, not centre.*/ }
    a:visited { color: #9d221a; text-decoration: none; font-style: normal; font-weight: bold; background: url(../../../images/linkunderline.gif) repeat-x 100% 100%; /*custom underline*/ padding-bottom: 1px; /*to space out the custom underline*/ background-position: left bottom; /*to force background dashes to start at left, not centre.*/ }
    a:hover { color: #e0b817; text-decoration: none; background: url(../../../images/linkunderlinehover.gif) repeat-x 100% 100%; /*custom underline*/ padding-bottom: 1px; /*to space out the custom underline*/ background-position: left bottom; /*to force background dashes to start at left, not centre.*/ }

    #menu { line-height: 24px; font-size: 11px; text-align: right; }
    #menu table { width: 100%; }
    #menu td { text-align: right; }
    #menu a:link { color: #9d221a; text-decoration: none; font-style: normal; font-weight: bold; background: url(../../../images/linkunderline.gif) repeat-x 100% 100%; /*custom underline*/ padding-bottom: 4px; /*to space out the custom underline*/ background-position: left bottom; /*to force background dashes to start at left, not centre.*/ }
    #menu a:visited { color: #9d221a; text-decoration: none; font-style: normal; font-weight: bold; background: url(../../../images/linkunderline.gif) repeat-x 100% 100%; /*custom underline*/ padding-bottom: 4px; /*to space out the custom underline*/ background-position: left bottom; /*to force background dashes to start at left, not centre.*/ }
    #menu a:hover { color: #e0b817; text-decoration: none; background: url(../../../images/linkunderlinehover.gif) repeat-x 100% 100%; /*custom underline*/ padding-bottom: 4px; /*to space out the custom underline*/ background-position: left bottom; /*to force background dashes to start at left, not centre.*/ }

    #loginmenu { text-align: right; overflow: hidden; }

    #main_footer a:link { font-size: 10px; color: #e0b817; text-decoration: none; background: url(../../../images/linkunderline.gif) repeat-x 100% 100%; /*custom underline*/ padding-bottom: 4px; /*to space out the custom underline*/ background-position: left bottom; /*to force background dashes to start at left, not centre.*/ }
    #main_footer a:visited { font-size: 10px; color: #e0b817; text-decoration: none; background: url(../../../images/linkunderline.gif) repeat-x 100% 100%; /*custom underline*/ padding-bottom: 4px; /*to space out the custom underline*/ background-position: left bottom; /*to force background dashes to start at left, not centre.*/ }
    #main_footer a:hover { color: #9d221a; text-decoration: none; background: url(../../../images/linkunderlinehover.gif) repeat-x 100% 100%; /*custom underline*/ padding-bottom: 4px; /*to space out the custom underline*/ background-position: left bottom; /*to force background dashes to start at left, not centre.*/ }

    #section_footer a:link { font-size: 10px; color: #e0b817; text-decoration: none; background: url(../../../images/linkunderline.gif) repeat-x 100% 100%; /*custom underline*/ padding-bottom: 4px; /*to space out the custom underline*/ background-position: left bottom; /*to force background dashes to start at left, not centre.*/ }
    #section_footer a:visited { font-size: 10px; color: #e0b817; text-decoration: none; background: url(../../../images/linkunderline.gif) repeat-x 100% 100%; /*custom underline*/ padding-bottom: 4px; /*to space out the custom underline*/ background-position: left bottom; /*to force background dashes to start at left, not centre.*/ }
    #section_footer a:hover { color: #9d221a; text-decoration: none; background: url(../../../images/linkunderlinehover.gif) repeat-x 100% 100%; /*custom underline*/ padding-bottom: 4px; /*to space out the custom underline*/ background-position: left bottom; /*to force background dashes to start at left, not centre.*/ }
    .section_footerAppVersion { font-size: 9px; color: #d3d3d3; text-decoration: none; padding-bottom: 4px; }

    /*--------------Text-----------------------------------------------------------------------------------*/
    /*Use padding instead of margins, to accommodate IE.*/
    h1 { letter-spacing: -1px; padding: 0px; margin-top: 20px; margin-bottom: 8px; font-size: 18px; text-align: left; font-weight: bold; color: #e0b817; }
    .title { font-weight: bold; font-size: 150%; text-align: center; margin-bottom: 15px; }
    .veryImportantText { display: block; background-color: Red; text-align: center; font-weight: bolder; color:White; }
    #home_text_content { display: none; }

    /*-------------- Message boxes -----------------------------------------------------------------------------------*/
    .msgBoxBackground { background-color: Gray; filter: alpha(opacity=20); opacity: 0.7; }
    .msgBox, .msgBoxWithTitle { background-color: #FFFFE1; border: solid 3px #94A6B9; margin: 20px; }
    .msgBoxWithTitle { background-image: url(../img/msgBoxTitleBg.gif); background-repeat: repeat-x; }
    .msgBoxTitle { background-color: Transparent; padding: 6px 4px 6px 4px; color: White; font-weight: bold; height: 18px; }
    .msgBoxBody { padding: 10px; }
    .msgBoxIcon { padding: 0px 10px 0px 0px; }
    .msgBoxButtons { padding-top: 10px; text-align: center; }

    /*-------------- Tables -----------------------------------------------------------------------------------*/
    .propTable tr { height: 20px; }
    .propTable td:First-Child { color: #9d221a; font-weight: bold; padding-right: 5px; vertical-align: top; text-align: left; }
    .propTable td:First-Child + td { color: #666; vertical-align: bottom; text-align: left; }
    .propTableWithLines td { border-bottom: dotted 1px #000000; border-right: dotted 1px #000000; }

    .antiPropTable td, .antiPropTable td:First-Child, .antiPropTable td:First-Child + td, .antiPropTable td:First-Child + td + td { text-decoration: inherit; font-weight: inherit; color: inherit; padding: 0px !important; margin: 0px !important; vertical-align: inherit; text-align: inherit; }

    .listTable { border: solid 2px #E0B817; text-align: left; }
    .listTable th { padding: 5px; background-color: #ffff99; vertical-align: top; }
    .listTable td { padding: 5px; border: solid 1px LightGray; }
    .listTable td a { font-weight: normal; }

    .listTable .NEW { color: Red; }
    .listTable .NOT-CONTACTED { color: Black; background-color: Yellow; display: block; }
    .listTable .NON-STUDENT { color: Black; }
    .listTable .CONTACTED { color: Green; }
    
    .commentRow { background-color: #FFFF99; padding-left:10px; padding-right:10px; }

    /*-------------Print-----------------------------------------------------------------------------------*/
    #print { display: none; }

    /*-------------Images-----------------------------------------------------------------------------------*/
    .floatright { float: right; }

    /*-------------Calendar-----------------------------------------------------------------------------------*/

    .eventCalendarCell { height: 75px; overflow: hidden; }

    /*-------------Main Containers-----------------------------------------------------------------------------------*/
    #clear { clear: both; }
    #wrapper { position: relative; height: 100%; min-width: 780px; width: 100%; margin-left: 0px; margin-top: 0px; z-index: 20; }
    #header { width: 780px; }

    #languagemenu { clear: both; position: absolute; left: 711px; top: 21px; width: 63px; height: 27px; }

    #stacklogo { clear: both; position: absolute; width: 42px; height: 45px; left: 730px; top: 386px; font-size: 10px; }
    #stacklogo a:link, #stacklogo a:visited, #stacklogo a:hover { background: none; }

    #topleft { float: left; width: 218px; height: 298px; }
    #topmiddle { float: left; width: 277px; height: 113px; }
    #topright { float: left; width: 285px; height: 113px; }

    #find_hover { clear: both; position: absolute; visibility: hidden; }
    #find_hover a:link, #find_hover a:visited, #find_hover a:hover { background: none; }

    #contact_hover { clear: both; position: absolute; visibility: hidden; }
    #contact_hover a:link, #contact_hover a:visited, #contact_hover a:hover { background: none; }

    .greeting { margin-left: 218px; width: 562px; height: 437px; background-repeat: no-repeat; }
    .greeting_footer { clear: both; position: absolute; left: 300px; top: 357px; }

    #menu { clear: both; position: absolute; background-image: url(../../../images/menu.jpg); width: 181px; height: 253px; left: 0px; top: 298px; background-repeat: no-repeat; padding-right: 37px; padding-top: 50px; }
    #main_footer { clear: both; position: absolute; width: 371px; height: 30px; left: 286px; top: 504px; font-size: 10px; color: #EED880; }

    /*-------------------Section Containers----------------------------------------------------------------------*/
    #topmiddle_section { float: left; width: 277px; height: 113px; }

    .content { position: absolute; top: 113px; left: 0px; width: 98%; }
    .section { height: 437px; width: 412px; padding-top: 190px; text-align: justify; background-repeat: no-repeat; margin-left: 218px; padding-left: 150px; }

    .section_backOffice { width: auto; }

    #section_footer { position: relative; width: 305px; height: 30px; font-size: 9px; color: #EED880; margin-top: 20px; }
    #section_stacklogo { position: relative; width: 42px; height: 45px; left: 340px; top: -40px; font-size: 10px; }

    #section_stacklogo a:link, #section_stacklogo a:visited, #section_stacklogo a:hover { background: none; }

    .hr { background-image: url(../../../images/hr.gif); background-repeat: no-repeat; height: 10px; clear: both; }

    /*------------------- Collapsible panels ----------------------------------------------------------------------*/
    .collapsibleHeaderPanel { border: solid 2px #E0B817; border-bottom: none; background-color: #ffff99; }

    /*------------------- Tree View ----------------------------------------------------------------------*/
    .serviceTypes a { background-image: none; }

    /*-------------------Map-------------------------------------------------------------------------------*/
    .googleMap {width: 525px; height: 300px; border: outset 5px #ffd837; padding-right:50px; margin-top:50px; border-bottom-style:ridge; border-right-style:ridge;}

    /*--------------Login Page-----------------------------------------------------------------------------------*/
    #login { width: 570px; height: auto; padding-top: 50px; margin-left: auto; margin-right: auto; background-image: none; text-align: justify; }
    #login_focal { background-image: url(../../../images/login.gif); width: 270px; height: 244px; float: left; }
    #login_content { width: 170px; height: auto; float: left; margin-left: 10px; }
    #login_par { width: 170px; height: auto; float: left; margin-left: 10px; }
    #login h1, #login .title { letter-spacing: -1px; padding: 0px; margin-top: 0px; padding-bottom: 5px; font-size: 18px; text-align: left; font-weight: bold; color: #e0b817; }
    #login h2 { color: #9d221a; text-decoration: none; font-style: normal; font-weight: bold; font-size: 12px; padding: 0; margin: 0; padding-bottom: 10px; }

    #loginForgotten_focal { background-image: url(../../../images/login.gif); width: 270px; height: 244px; margin: auto; }
    #loginForgotten_FooterLineBreak { background-image: url(../../../images/linebreak.gif); width: 414px; height: 193px; margin: auto; }
    
    /*-------------- Signup Page-----------------------------------------------------------------------------------*/
    .signup_content { background-color: #EFEFEF; padding: 10px; border-color: #ccc; border-style: ridge; border-width: thin; }

    #signup { width: 700px; height: auto; padding-top: 50px; margin-left: auto; margin-right: auto; background-image: none; }
    #signup_focal { background-image: url(../../../images/login.gif); width: 270px; height: 244px; margin: auto; }
    #signup h1, #signup .title { letter-spacing: -1px; padding: 0px; margin-top: 0px; padding-bottom: 5px; font-size: 18px; text-align: left; font-weight: bold; color: #e0b817; }
    #signup h2 { color: #9d221a; text-decoration: none; font-style: normal; font-weight: bold; font-size: 12px; padding: 0; margin: 0; padding-bottom: 10px; }

    .checkBoxList input { vertical-align: top; }
    .checkBoxList label { display: inline-block; }
}