/* Reset common tags */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

.right {text-align: right;}
.center {text-align: center;}
.small_font { font-size:0.9em; }
.extra_small_font { font-size:0.8em; }
.xxs_font { font-size:0.7em; }

/* Common tag defs */
a:link 		{ color: #246493; text-decoration: none; }
a:visited 	{ color: #246493; text-decoration: none;  }
a:hover 	{ color: #d67e25; text-decoration: underline; }
a:active 	{ color: #246493; text-decoration: none; }


h1              { font-size:160%; margin: 2px 0;}
h2              { font-size:140%; margin: 2px 0;}
h3              { font-size:120%; margin: 2px 0;}
h4              { font-size:100%; margin: 0px 0;}
h5              { font-size:85%;  margin: 0px 0;}
h5.single_line  { display:block; float:left;}

p		{ margin: 2px 0;/* font-size: 11px;*/ }

p.help          { line-height:125%; margin: 0 0 10px 0; }

ol		{ margin: 0px; /*font-size: 11px;*/ list-style-type:none; }

ul.greyboxbullets { margin-left:20px; list-style-image:url(/graphics/bullet_greybox.png); padding:5px; }

.big_buttons    { height:25px;
                  font-size:1.3em;
                  margin-bottom:3px;
                  padding:10px;
                  background-color: #CEECF5;
                  display:inline-block;
                  cursor:pointer;
                }
.med_buttons    { height:20px;
                  font-size:1.0em;
                  margin-top:3px;
                  margin-bottom:3px;
                  padding:5px;
                  background-color: #CEECF5;
                  display:inline-block;
                  cursor:pointer;
                  border:1px solid #c0c0c0;
                  -moz-border-radius: 4px;
	          -webkit-border-radius:4px;
                }


/* For mobile devices */
img{
  max-width:100%;
  height:auto;
}

body            { 
                  /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
                  /*font-size: medium;*/
                  /*line-height: 125%;*/
                  color: #202020;
                  background-color: #FFF;
                  background: #246493 url(/graphics/back_body_iphone.png) top left repeat-x;
                  -webkit-text-size-adjust:none;
                  font-family:Helvetica, Arial, Verdana, sans-serif;
                }



/* Used by the main layout - this area is at the top of the page and contains the branding (e.g. WS2 logo) and nav items */
        #page           {
                        background-image:url(/graphics/back_page.png);
                        background-position:bottom left;
                        background-repeat:repeat-x;
                        border-bottom:1px solid #afa7a0;
                        }

        #branding {
                margin:5px 0px 10px 0px;
                text-align:left;
                /*width:350px;*/
                }
                #branding img {
                    float:left;
                }
        #brandnav {
                float:right;
                margin-top:9px;
                text-align:right;
                color:#246493;
                }

/* Main application layout positioning styles */
#mainPage {
        padding:8px;
	/*width:100%;*/
	background:#fff url(/graphics/back_content.png) top left repeat-x;
	}

#mainContent {
	margin-top:25px;  /* to allow space for the nav buttons (logout, your website, etc.) */
        text-align:left;
        min-height: 240px;
	/*width:825px;*/
	}

#mainContent ul {
    margin:10px;
    list-style-image:url(/graphics/bullet_greybox.png);
    padding:0;
    }

#mainContent li {
    margin:2px 0 2px 20px;
    padding:0;
    }

#footer {
        margin-top: 5px;
	text-align:left;
	color:#fff;
        padding:5px;
        font-size:small;
	/*padding:10px 0;*/
	}
        
#footer a:link 		{ color: #FFF; text-decoration: none; }
#footer a:visited 	{ color: #FFF; text-decoration: none;  }
#footer a:hover 	{ color: #d67e25; text-decoration: underline; }
#footer a:active 	{ color: #FFF; text-decoration: none; }
/*#debugFooter     { width:auto; overflow:scroll; background-color:#FFF; color:#000   }
.debugFooter     {   } */


.popinbox      { border:1px solid #C0C0C0; margin:5px 0 0px 0; padding:5px; background-color:#F0F0F0; }
.popinbox_blue_outer { border:2px solid #58ACFA; margin:5px 0 0px 0; padding:5px; background-color:#E0ECF8; }
.popinbox_blue { border:1px solid #50A5DE; margin:0px 0 1px 0; padding:5px; background-color:#87CEFA; }
.popinbox_red  { border:2px solid #DF0101; margin:5px 0 0px 0; padding:5px; background-color:#F8E0E0; }
.red           { color:#FF0000;}
.blue          { color:#246493;   /* This is the hyperlinked WS2 blue */}

.text_shading_gray   { background-color:#DDD; border:solid 1px #DDD; padding:2px; padding:2px;  }

input                        { padding:2px; border:solid 1px #C0C0C0;}
input.upcase                 { text-transform:uppercase; }
input[type='text'],input[type='password']  { font-size: 1.2em;}


input[type='text']:focus     { padding:1px; border: solid 2px #1E90FF;}
input[type='textarea']:focus { padding:1px; border: solid 2px #1E90FF;}
input[type='submit']:focus   { border-left:1px solid #848484; border-top:1px solid #848484; border-right:1px solid #F2F2F2; border-bottom:1px solid #F2F2F2; }
input[type='checkbox']       { border:none; }
input[type='radio']          { border:none; }
input[type='checkbox']:focus { border:none; padding:2px;}
input[type='radio']:focus    { border:none; padding:2px;}

input[type='file']         { background-color:#FFF; }
input[type='submit']       { background-color:#0088cf; color:#fff; margin:2px; border-right:1px solid #848484; border-bottom:1px solid #848484; border-left:1px solid #F2F2F2; border-top:1px solid #F2F2F2;}
input[type='submit']:hover { background-color:#f28200; color:#fff; }

textarea        { font-size: 11px; padding:2px; border:solid 1px #C0C0C0;}
textarea:focus  { padding:1px; border: solid 2px #1E90FF;}
select          { font-size: 1.1em;  padding:2px; border:solid 1px #C0C0C0;}
select:focus    { padding:1px; border: solid 2px #1E90FF;}
select[multiple]{ font-size: 1.1em; padding:2px; border:solid 1px #C0C0C0;}

.button                 { border-top:1px solid #A4A4A4; border-left:1px solid #A4A4A4; border-right:2px solid #A4A4A4; border-bottom:2px solid #A4A4A4; padding:4px;}
.button:hover           { background-color:#0088cf; color:#fff; }
.secondary_button       {margin:0px; padding:2px 4px;  }
.secondary_button:hover {background-color:#f28200; color:#fff; }


#tipWindow {
	margin:5px 0;
	border-top:1px solid #fff;
	padding:3px;
	background-color:#fff;
	}

#tipWindow strong {
	display:block;
        width:100%;
        font-weight:bold;
	text-transform:uppercase;
	color:#246493;
	}

#tipWindow h3 {
	display:block;
        width:100%;
        font-weight:bold;
	text-transform:uppercase;
	color:#246493;
	}

/* tcsInputForm - used by data entry forms ------------------  */
    .tcsInputForm {
        border: 1px solid #C0C0C0;
        background-color: #FFF;
	margin: 0px;
	}

    .tcsInputForm Table {
	line-height: 150%;
	color: #333;
	}

    .tcsInputForm td {
	padding: 4px;
	}

    .tcsSubHeadFont { 
        font-weight: bold;
        }

/* errorExplanation - used by error messages on each page ----  */

    #errorMessages.errorExplanation {
        background-color:#87CEFA;
        border:1px solid #50A5DE;
        margin: 0px 0 1px 0;
        padding:5px;
    }

    #errorMessages.errorExplanation h2 {
	font-family: Georgia, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 125%;
	}

    #mainContent #errorMessages.errorExplanation ul {
	list-style-type: none;
        list-style-image: none;
	margin: 0 0 0 0px;
        padding:0px;
	}

    #errorMessages.errorExplanation li {
	margin: 0;
	}

    #errorMessages.errorWarning {
        background-color:#F8E0E0;
        border:2px solid #DF0101;
        margin: 0px 0 1px 0;
        padding:5px;
    }

    #errorMessages.errorWarning h2 {
	font-family: Georgia, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 125%;
	}

    #mainContent #errorMessages.errorWarning ul {
	list-style-type: none;
        list-style-image: none;
	margin: 0 0 0 0px;
        padding:0px;
	}

    #errorMessages.errorWarning li {
	margin: 0;
	}

    .menu_options { width:93%;
                  font-size:1.3em;
                  margin-bottom:3px;
                  padding:10px;
                  cursor:pointer;
                  border:1px solid #c0c0c0;
                  -moz-border-radius: 6px;
	          -webkit-border-radius:6px;
                  }
    .menu_options.even { background-color: #CEECF5}
    .contact_name      { }
    .contact_org       { font-size:0.7em;}
    .contact_details   { font-size:0.7em;}