/* 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;
}

/* 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; }
#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; } 
.inactive       { background-color:#F0F0F0;}
.highlight      { background-color: #FEFFC4;}
.grey_background { background-color:#F0F0F0; }

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          { font-size:12px; line-height:125%; margin: 0 0 10px 0; }
li.help         { list-style: none; font-size:10px; margin: 0 0 5px 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; }

body            { font-family: Verdana, Arial, Helvetica, sans-serif;
                  font-size: 11px;
                  line-height: 125%;
                  color: #202020;
                  background-color: #FFF;
                  background: #246493 url(/graphics/back_body.png) top left repeat-x;
                  text-align:center;
                }


/* 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           {
                        padding:25px 0 10px 0;
                        background-image:url(/graphics/back_page.png);
                        background-position:bottom left;
                        background-repeat:repeat-x;
                        border-bottom:1px solid #afa7a0;
                        }

        #branding {
                margin:0 auto;
                text-align:left;
                width:825px;
                }
                #branding img {
                    float:left;
                }
        #brandnav {
                float:right;
                margin-top:5px;
                color:#246493;
                }
                
/* Main application layout positioning styles */
#mainPage {
	width:100%;
	background:#fff url(/graphics/back_content.png) top left repeat-x;
	padding:10px 0 20px 0;
	}

#mainContent {
	margin:0 auto;
	text-align:left;
	width:825px;
	}

#mainContent:after{
    clear: both;
    content: "";
    display: block;
}

#footer {
	margin:0 auto;
	text-align:left;
	width:825px;
	color:#fff;
	padding:10px 0;
	} 

.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: #d7efff; }
.popinbox_red                { border:2px solid #DF0101; margin:5px 0 0px 0; padding:5px; background-color:#F8E0E0; }
.popinbox_green              { border:1px solid #2A952A; font-size:0.9em; padding:5px; background-color:#daffd3; }

.red                         { color:#FF0000;}
.blue                        { color:#246493;   /* This is the hyperlinked WS2 blue */}
.text_red                    { color:#DF0101; }
.text_green                  { color:#088A29; }
.text_shading_gray           { background-color:#DDD; border:solid 1px #DDD; padding:2px; padding:2px;  }
.text_align_right            { text-align:right; }
.text_align_left             { text-align:left; }
.text_align_bottom           { vertical-align:bottom; }

input                        { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; padding:2px; border:solid 1px #C0C0C0;}
input.upcase                 { text-transform:uppercase; }

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; }

.larger_input_font           { font-size:1.0em; }

textarea                     { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; padding:2px; border:solid 1px #C0C0C0;}
textarea:focus               { padding:1px; border: solid 2px #1E90FF;}
select                       { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; padding:2px; border:solid 1px #C0C0C0;}
select:focus                 { padding:1px; border: solid 2px #1E90FF;}
select[multiple]             { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; padding:2px; border:solid 1px #C0C0C0;}

.button                      {margin:0px; padding:2px 4px; border-right:1px solid #848484; border-bottom:1px solid #848484;}
.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;
	}       

.miniTips {
        font-size:0.9em;
        line-height:110%;
        color:#5FB404;
        }

    .tcsFixedFont   { font-size: 11px; font-family: Courier New, Courier, mono;}
    .tcsSubHeadFont {
	font-family: "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 24px;
	margin-top: 5px;
	margin-bottom: 10px;
    }

    .tcsSubHeadFont_Smaller {
	font-family: Georgia, Helvetica, sans-serif;
	font-size: 14px;
        line-height: 14px;
	margin-top: 10px;
    }

    .tcsHighlighter {
	background-color:#FEFFC4;
    }

/* tcsInputForm - used by data entry forms ------------------  */
    .tcsInputForm {
	width: 600px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFF;
	border: 6px solid #DDD;
        margin: 0px;
	}

    .tcsInputForm Table {
	font-size: 11px;
	line-height: 150%;
	color: #333;
	}

    .tcsInputForm_LeftCol {
	text-align: right;
	vertical-align: middle;
	padding: 2px;
	}
    
    .tcsInputForm_LeftCol_Top {
	text-align: right;
	vertical-align: top;
	padding: 2px;
	}    

    .tcsInputForm_RightCol {
	padding: 2px;
        vertical-align: middle;
	}
        
    .tcsInputForm_RightCol_Bottom {
	padding: 2px;
        vertical-align: bottom;
	}        

    /* used by submit button row */
    .tcsInputForm_Gray td {
	text-align: right;
	vertical-align: middle;
        background-color: #DDD;
	}

    .tcsInputForm td {
	padding: 2px;
	}

/* tcsMiniInputForm - used by embedded forms, such as the send email prompt, asset manager search  */

    .tcsInputForm_Mini {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFF;
	border: 6px solid #DDD;
        margin: 5px 0 0 0;
	}
        
    .tcsInputForm_Mini td {
	padding: 2px;
	}    
        
    .tcsInputForm_Mini_Gray {
	text-align: right;
	vertical-align: middle;
        background-color: #DDD;
	}    

/* tcsInputForm_Wide - used by PageTemplates input form  */

    .tcsInputForm_Wide {
	width: 750px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFF;
	border: 6px solid #DDD;
        margin: 0px;
	}

    .tcsInputForm_Wide table {
	font-size: 11px;
	line-height: 150%;
	color: #333;
	}


/* tcsPromptForm - used search prompts, etc. ------------------  */

    .tcsPromptForm_Table {
	width: 600px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFF;
	border: 6px solid #DDD;
	font-size: 11px;
	line-height: 150%;
	color: #333;
        text-align:left;
	}

    .tcsPromptForm_LeftCol {
	text-align: right;
	vertical-align: top;
	padding: 2px;
	}

    .tcsPromptForm_RightCol {
	padding: 2px;
	}

    .tcsPromptForm td {
	padding: 2px;
	}

    .tcsPromptForm_Descriptions {
	margin-left: 20px;
	}

/* tcsPromptForm_Table_FieldDefs - fields defs table for InputForms screen #3 ------------------  */

    .tcsPromptForm_Table_FieldDefs {
	width: 580px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFF;
	font-size: 11px;
	line-height: 150%;
	color: #333;
	}

/* tcsTable_Format1 - used by index actions ---------------------  */

    .tcsTable_Format1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFF;
	border: 6px solid #DDD;
	font-size: 11px;
	color: #333;
        clear: left;
        }

    .tcsTable_Format1 th {
	padding: 2px;
	}

    .tcsTable_Format1 td {
	    padding: 2px;
        vertical-align: top;
        border-top: 1px solid #CCC;
        border-right: 1px solid #CCC;
        font-size: 10px;
	}

    .tcsTable_Format1 .odd td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background-color: #FFF;
	}

    .tcsTable_Format1 .even td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background-color: #F0F0F0; /* #F0F8FF; */
    }

    .tcsTable_Format1 .recent td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #ECF8E0;
	}

    .tcsTable_Format1 .inactive td {
        background-color: #F0F0F0;
    }

    .tcsTable_Format1 .highlight td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background-color: #FEFFC4;
	}

/* tcsTable_Format1b - used by tables embedded within other forms (e.g. EBulletin detail stats)  */

    .tcsMagicTable, .tcsTable_Format1b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFF;
	border: 2px solid #CCC;
        font-size: 11px;
	color: #333;
        clear: left;
        }

    .tcsMagicTable th, .tcsTable_Format1b th td {
	padding: 2px;
        background-color: #EEE;
	}
    
    .tcsMagicTable td {
	padding: 0px;
        border: 1px dotted #CCC;
	}

    .tcsTable_Format1b th {
        padding: 0px 2px;
	background-color: #CCC;
        border-top: 1px solid #F2F2F2;
	border-right: 1px solid #F2F2F2;
	}

    .tcsTable_Format1b td {
	padding: 0px 2px;
        border-top: 1px solid #CCC;
        border-right: 1px solid #CCC;
        font-size: 10px;
    }

    .tcsTable_Format1b .odd td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background-color: #FFF;
	}

    .tcsTable_Format1b .even td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background-color: #F0F8FF;
    }

    .tcsTable_Format1b .inactive td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background-color: #F0F0F0;
    }

    .tcsTable_Format1b .highlight td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background-color: #FEFFC4;
	}


    .tcsTable_Format1c {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFF;
	border: 2px solid #BBB;
	font-size: 11px;
        clear: left;
        }
    .tcsTable_Format1c th {
	padding: 3px;
        background-color: #C0C0C0;
        color: #FFF;
	}
    .tcsTable_Format1c th.v1 {
	padding:3px;
        }
    .tcsTable_Format1c th.v2 {
	border-left: 1px solid #FFF;
        padding:3px;
        }
    .tcsTable_Format1c td {
	padding: 3px;
        vertical-align: top;
        border-top: 1px solid #CCC;
        border-right: 1px solid #CCC;
	}
    .tcsTable_Format1c .final_col {
	border-right:none;
        }
    .tcsTable_Format1c .odd td {
	background-color: #FFF;
	}
    .tcsTable_Format1c .even td {
	background-color: #E6F8E0; /* #F0F8FF; */
    }
    .tcsTable_Format1c .even_grey td {
	background-color: #F0F0F0;
	}
    .tcsTable_Format1c .highlight td {
        color: #000;
        background-color: #FEFFC4;
    }

    .row_hover { background-color:#FEFFC4; }


/* tcsTable_Format2 - used by CMS Show methods -------------------------  */

     .tcsTable_Format2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFF;
	border: 6px solid #EEE;
	font-size: 11px;
	line-height: 150%;
	color: #333;
	max-width: 800px;
	}

    .tcsTable_Format2_LeftColumn {
	text-align: right;
	background-color: #EEE;
	padding: 3px;
	}

    .tcsTable_Format2_RightColumn {
	padding: 3px;
	}

/* tcsTable_Format3 - used with prompts (such as confirm_destroy) requiring action */

     .tcsTable_Format3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFF;
	border: 4px solid #FF0000;
	font-size: 11px;
	line-height: 150%;
	color: #333;
	max-width: 800px;
        margin: 6px 0;
	}

    .tcsTable_Format3_LeftColumn {
	text-align: right;
        font-weight: bold;
	background-color: #EEE;
	padding: 3px;
	}

    .tcsTable_Format3_RightColumn {
	padding: 3px;
	}
        
    .tcsTable_Format4 {   /* main menu news */
	background-color: #F0F8FF;
	border: 2px solid #EEE;
        padding: 2px;
        clear: left;
        color: #246493;
        }

    .tcsTable_noborders {  /* popup prompts: e.g. insert photo */
	text-align: left;
	border: 0px;
        }
    .tcsTable_noborders td {
	padding: 3px;
        }
    .tcsTable_noborders td.left_col  {
	text-align: right;
        }
        
/* tcsTable_InputForm - used by input forms -------------------------  */

     .tcsInputFormPreview {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFF;
	border: 2px solid #DDD;
        font-size: 11px;
	line-height: 125%;
	color: #333;
	margin-bottom: 15px;
	width: 585px;
        text-align: left;
	}
      .tcsInputFormPreview td {
        border: 1px dotted #EEE;
        padding: 3px;
	}

   /* tcsUserCreatedInputForm - this is the default style used by the Input Forms Module
                                create a new style def in the client CSS to override this style class */
    .tcsUserCreatedForm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFF;
	border: 6px solid #DDD;
	line-height: 125%;
	margin-bottom: 15px;
	}
           
/* tcsPhoto - used to display "pop-up" photos */

    .tcsPhoto {
	position: absolute;
	left: 200px;
	top: 160px;
	background-color: white;
	z-index: 99;
        }

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

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

    #errorMessages.errorExplanation h2 {
        font-family: Verdana, Georgia, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        line-height: 1.2em;
        margin-left:5px;
        margin-bottom:5px;
	}

    #mainContent #errorMessages.errorExplanation ul {
        list-style-type: square;
        list-style-image: none;
	    margin: 0 0 0 15px;
        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: Verdana, Georgia, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        line-height: 1.2em;
        margin-left:5px;
        margin-bottom:5px;
	}

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

    #errorMessages.errorWarning li {
	margin: 0;
	}

/* Status bar (e.g. searching... indicator in the Contacts module  */
    .statusbar_normal {
        background-color:#87CEFA;
        margin: 0px 0 1px 0;
        padding:2px;
        }

/* Tabs for page template index */
div#tabs {
        margin: 0px;
        padding: 0px;
        }

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

div#tabs li {
        float: left;
        display:inline;
        background-color:#CCC;
	color:#fff;
	width:100px;
        height:24px;
        overflow:hidden;
        text-align:center;
        border: 1px solid #BBB;
        margin: 4px 0 0 0;
        }

div#tabs li a {
        display:block;
        width:100px;
        padding: 5px 0;
        }

div#tabs li.active {
	background-color:#DDD;
	color:#999;
        margin: 0;
        border-bottom: 1px solid #DDDDDD;
        padding: 0 0 4px 0;
    }

.traffic_summary {
	overflow:hidden;
/*	padding:4px;*/
	border:2px solid #bbb6ae;
	background-color:#fff;
	-moz-border-radius: 10px;
	-webkit-border-radius:7px;
	width:100%;
        margin-top:12px;
        margin-bottom:12px;
        text-align:center;
	}

.traffic_summary table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFF;
	padding: 2px;
	border: 1px solid #CCC;
        font-size: 11px;
	color: #333;
        clear: left;
        text-align:left;
        }

.traffic_summary th td {
        background-color: #EEE;
	}

.traffic_summary td {
	padding: 0px 2px;
        border-top: 1px solid #CCC;
        border-right: 1px solid #CCC;
	}

.scrollable{
   overflow: auto;
   width: 305px; /* adjust this width depending to amount of text to display */
   height: 80px; /* adjust height depending on number of options to display */
   border: 1px silver solid;
 }
 .scrollable select{
   border: none;
 }