/*
	Companion styles for the editor stylesheet

/* *************************************** */
/*  Tables                                 */
/* *************************************** */

/* *************************************** */
/*    Color Schemes     	     		   */
/*******************************************

    swicblue - color:#005DAA;
    mediumblue - color:#0b3e91;
    darkblue - color:#00335E;
	sharepointblue - #21428D;
    orange - color:#EC903D;
    darktan - color:#EDE0BF;
	offwhitetan -  background-color:#FDFBF7;
    lighttan - background-color:#f6efdf;
    darkgrey - color:#aeaeae;
    lightgrey - background-color:#eaeaea;
    lightblue(test color) - background-color:#DFEBF4; 
    
*********************************************/

/* These styles have been moved from sw_editor.css since they shouldn't be in the wysiwyg editor. */
/* I put them at the beginning so that it wouldn't change the order in which they were applied,
   and they should be temporary in this file since Dave is redoing all the css files. */
   

.alertBoxed
{
    padding:                    10px 10px 0px; 
    color:                      black;
    background-color:           #eaeaea;
    border-style:               double; 
    border-width:               3px; 
    border-color:               gray;
    margin:                     0px 0px 15px;
    display:                    block;
}

.alertBoxed-525
{
    padding:                    10px; 
    color:                      black;
    background-color:           #eaeaea;
    border-style:               double; 
    border-width:               3px; 
    border-color:               gray;
    margin:                     0px 0px 15px;
    display:                    block;
    width:                      500px; /* allow for padding to match the tables in curriculum pages */
}

/* linkbutton will make links look like the orange top nav menu on swic.edu.  Currently has a margin, but that has a possibility to be edited to make the buttons join together */

div.linkbutton a 
{
	DISPLAY: inline-block;
    BACKGROUND-IMAGE: url(/images/ek_menu_ex__btnWorkareaOrangeVista.JPG);
    MARGIN: 1px;
    border: 1px solid #000000;
    WIDTH: .95em;
    height: 2em;
    text-align: center;
    color: #000000;
}


/* *************************************** */
/*   Columns                               */
/* *************************************** */
span.twoCols
{
    position: relative;
    margin: 0px 0px 0px 0px;   
    width:  525px;
    display:  block;
    padding:  0px 0px 0px 0px;
    /* border:  1px blue solid; */
}

span.twoCols-ColOne
{
    width: 49%;    
    display:  block;
    /*     border:  1px red solid; */
}

span.twoCols-ColTwo
{
    position: absolute;
    width: 49%;
    top: 0px;
    left: 51%;
    display:  block;
    /* border:  1px green solid; */
}



/* This is a two columns, but where the column bucket is set wider so the inside columns are wider.  This is good for columns that will show up BELOW the menus...it may overlap if too high up on the page*/

span.twoCols-wide
{
    position: relative;
    margin: 0px 0px 5px 0px;   
    width:  100%;
    display:  block;
    padding:  0px 0px 10px 0px;
    /* border:  1px blue solid; */
}

/* Positioning Elements, Z-Indexing, class="bgtext" can be used to augmentate screenreaders and hide text by placing other elements on the page on higher indexing. I'm still having some issue's with Firefox not overlapping like IE. I fixed them by setting the font-size really small. */

.bgtext
{	
	position:absolute;
	z-index:0;
}
.bgimage
{
	position:absolute;
	z-index:1;
}
.fgimg
{
	position:absolute;
	z-index:2;
}
.text
{
	position:absolute;
	z-index:3;	
}
/* *************************************** */
/*    Form Items						   */
/* *************************************** */
.inputcustom-3-760
{
	align: left;
    width: 98% !important;
    background-color: #ffffff;
	left-margin: 1px;
	right-margin: 1px;

}
table input[type=text],
table input[type=password],
table textarea,
table option
{
	align: left;
    width: 95%!important;/* had to put this to overide an ektron css problem. they had multiline text fields set to auto, and the higher the character limit you set, the longer it made the field */
    background-color: #eaeaea;
	left-margin: 1px;
	right-margin: 1px;
}
/* *************************************** */
/*    Foundation  -Dave      			   */
/* *************************************** */
/* WHITE */
.foundation_announcement_white h1
{
	color: #0b3e91;
	font-size: 14pt;
}
.foundation_announcement_white h5
{
	background-color: #0b3e91;
	color: #ffffff;
	padding:1px;	
}
.foundation_announcement_white p
{
	font-weight: bold;
}

/* TAN */
.foundation_announcement_tan h1
{
	color: #0b3e91;
	font-size: 14pt;
}
.foundation_announcement_tan h5
{
	background-color: #0b3e91;
	color: #ffffff;
	padding:1px;	
}
.foundation_announcement_tan p
{
	font-weight: bold;
}

/* BLUE */
.foundation_announcement_blue h1
{
	color: #0b3e91;
	font-size: 14pt;
}

.foundation_announcement_blue h5
{
	background-color: #0b3e91;
	color: #ffffff;
	padding:1px;
	
}

.foundation_announcement_blue p
{
	font-weight: bold;
}





/**************************************************************************/


/* Used on the caption tag for tables.  Set the same as H3 */
caption
{
    font-size:                  11pt;
    font-weight:                bold;
    margin:                     0px 0px 5px 0px;
    color:                      black; 
    text-align:                 left;
	caption-side:				top;
    /*display: block;
    visibility: hidden;
    height:  0px;*/
    
}


.radiocolor
{
    background-color:           red; /* to override background style in sw_editor.css */
}

table.blueborders td
{
    background-color:           White;
    vertical-align:             top;
	padding:                    2px 5px;

}

table.blueborders td.bluebordersHeading
{
    color:                      black;
    text-align:                 center;
    font-weight:                bold;
    background-color:           #2963a5;
}

table.blueborders th
{
    color:                      #0b3e91;
    text-align:                 center;
    font-weight:                bold;
    background-color:           #D7D7D7;
}

/*  td.numeric is in sw_editor.css */
tr.numeric 
{
	text-align:                 right;
}

tr.numericTotals
{
	text-align:                 right;
	font-weight:                bold;
}

table.blueborders-100p
{
    /*background-color:           white;*/  /* overridden to #cacaca; in sw_editor_companion.css so that it will look right in the drop-down */
    border-style:               solid;
    border-width:               0px 2px 2px 2px;
    border-color:               #f6efdf;
    margin:                     0px 0px 15px 0px;
	width:100%;
	/*background-color:#DFEBF4; */
	border-spacing:0px;
}

table.blueborders-100p td
{

	border-spacing:0px;
	padding:2px;
	border-collapse: collapse;
	border: 1px solid #f6efdf;
}

table.blueborders-100p tr
{

	border-spacing:0px;
	padding:0px;
}


/* table.lined is used often in the library's page */
/* to present a list of a name followed by a link or phone# */


table.lined {
    border-style: solid; 
    border-color: #aaaaaa; 
    border-width: 3px 0px;
    margin: 0px 0px 15px 0px;
}

table.lined td, table.lined th {
    border-style: solid;
    border-color: #2963a5;
    border-width: 0px 0px 1px 0px;
    padding: 3px;
}

table.lined tr.last td, table.lined tr.last th {
    border-style: none;
}

table.lined th {
    font-size: 10pt;
    color: black;
    background-color: white;
    text-align: left;
	width: 55%;
}    


/*table.hours is used to display the library hours of operation*/

table.hours
{
	border-style: solid;
        border-color: #000000;
	border-width: 1px;
        border: 1px;

}

table.hours thead th
{
	background-color: #FBDBBE;
       border-color: #000000;
       border-width: 1px;
       border-style: solid;

}

table.hours thead td
{
       border-color: #000000;
       border-width: 1px;
       border-style: solid;
}



table.hours tbody th
{
       border-color: #000000;
       border-width: 1px;
       border-style: solid;
       background-color: #d6ebef;
}

table.hours tbody td
{ 
       border-color: #000000;
       border-width: 1px;
       border-style: solid;
}





/* *************************************** */
/*  Headings                               */
/* *************************************** */

p.header1, h1, h1 a, h1 a:visited, h1 a:active, h1 a:hover {
      font-size:                1em;
      font-weight:              bold;
      margin:                   0px 0px 5px 0px;
      color:                    #3D3D3D;
}

/* include a:xx because of anchor tags */
p.header2, h2, h2 a, h2 a:visited, h2 a:active, h2 a:hover {
      font-size: 13pt;
      font-weight: bold;
      margin: 0px 0px 5px 0px;
      color:  #0b3e91;
}

/*  Set caption the same.  Caption is in sw_editor_companion.css */
p.header3, h3 {
    font-size: 11pt;
    font-weight: bold;
    margin: 0px 0px 5px 0px;
    color:  Black;
}

p.header4, h4 {
    font-size: 11pt;
    margin: 0px 0px 5px 0px;
    color:  #0b3e91;
    font-weight:normal;
}

p.header5, h5 {
    font-size: 11pt;
    margin: 0px 0px 5px 0px;
	color: rgb(255,133,11);
}


/* *************************************** */
/*  Indexitem - gray shading               */
/* *************************************** */

.indexitem p, .bookmark p 
{
    margin: 5px 0px 10px;
}

div.indexitem
{
    background-color: #eaeaea;
    border-style: solid;
    border-width: 1px;
    border-color: #cacaca;
    padding: 5px;
    margin: 0px 0px 20px;
}

div.indexitem-525
{
    background-color: #eaeaea;
    border-style: solid;
    border-width: 1px;
    border-color: #cacaca;
    padding: 5px;
    margin: 0px 0px 20px;
    width: 525px;
}

/* *************************************** */
/*  Miscellaneous                          */
/* *************************************** */

.alert a, .alert a:visited, .alert a:active, .alert a:hover
{
    color: red !important;
    font-weight:  normal;
}

.navNoDec a, .navNoDec a:visited, .navNoDec a:active
{
    text-decoration:    none !important;
}
.navNoDec a:hover
{
    text-decoration:    underline !important;
}

.content
{
	margin:  10px;
	/*background-color:   red;*/
}

.content p
{
    margin:  5px 0px 12px 0px;
	/*background-color:  tan;*/
}

p.listheader, p.listheader2 
{
	margin: 0px 0px 5px 0px;
	/*background-color:  purple;*/
}

p.toplink a 
{
    color: blue;
}

span.twoCols-wide
{
    position: relative;
    margin: 0px 0px 5px 0px;   
    width:  100%;
    display:  block;
    padding:  0px 0px 10px 0px;
    /* border:  1px blue solid; */
}

.alignRight
{
    text-align:  right;
}

/* These make blue and orange div boxes */

div.orangebox
{
	border-width: medium;
	border-style:double;
	border-color: #F4770B;
	/*background-color: #d6ebef;*/
	background-color: #FBDBBE;
	padding: 5px;
	
}

div.bluebox
{
	border-width: medium;
	border-style:double;
	border-color: #0b3e91;
	/*background-color: #F4770B;*/
	background-color: #d6ebef;
	padding: 5px;
	

}

ul.nobullet
{
	list-style-type: none;
}


/* *************************************** */
/*  Tabbed Menu                            */
/* *************************************** */
.displaywindow fieldset
{
 border-top:0px solid black;
}

.displaywindow legend
{
 padding: 13px 0px 0px 0px;
 margin: 0px 0px 5px 0px;
}

.tabswindow
{
	position:relative;
	top:25px;
	margin-bottom:0px;
	z-index:3;
	border-style: outset;
	border-color:#aeaeae;
	border-width:1px 1px 0px 1px;

}

.tabswindow-noscript
{
	display:none;
	margin-bottom:0px;
}

ul.tabs
{
	position:relative;
	top:-20px;
}

.displaywindow
{	
	padding:0px;

}

.displaywindow #d1
{
	margin: auto auto;
	position: relative;
}

.displaywindow #d2, .displaywindow #d3, .displaywindow #d4, .displaywindow #d5, .displaywindow #d6, .displaywindow #d7, .displaywindow #d8, .displaywindow #d9, .displaywindow #d10 
{

	display: none;
	margin: auto auto;
	position: relative;
}




.displaywindow-noscript #d4, .displaywindow-noscript #d5, .displaywindow-noscript #d6, .displaywindow-noscript #d7, .displaywindow-noscript #d8, .displaywindow-noscript #d9, .displaywindow-noscript #d10 
{
	display: none;
	margin: auto auto;
	position: relative;

}

.opentab 
{
	background-color: #fff;
	background-repeat: no-repeat;
	display:inline;
	border-top: 3px outset #aeaeae;
	border-left: 3px outset #aeaeae;
	border-right: 3px outset #aeaeae;
	width:50px;
	text-align: center;
	margin:0px 3px;

}

.opentab a
{
	color: #EC903D;
	font-weight: bold;
	text-decoration:none;
	font-variant: small-caps;
	font-size:11pt;
	padding:3px 3px;
	outline:none;
	margin:0px 1px;
}

.closedtab 
{

	background-color:#0b3e91;
	border-top: 2px outset #aeaeae;
	border-left: 2px outset #aeaeae;
	border-right: 2px outset #aeaeae;
	background-repeat: no-repeat;
	display:inline;
	width:50px;
	text-align: center;
	margin:0px 1px;
}

.closedtab a
{
	color: #ffffff;
	font-weight: bold;
	text-decoration:none;
	font-variant: small-caps;
	font-size:10pt;
	padding:3px 3px;
	outline:none;	
	margin:0px 1px;
}

.opentab a:focus ,.opentab a:active, .opentab a:hover
{
	color: #EC903D;
}
.closedtab a:focus, .closedtab a:active, .closedtab a:hover
{
	color: #EC903D;
}

.noscript
{
	border: 3px double red;
	padding:5px;
	margin-bottom:10px;
	background-color: pink;
}

a:hover
{
	color: #EC903D;
}

/* *************************************** */
/*  Presidents Photo Album Styles          */
/* *************************************** */

.album-window
{
	/*outline: 1px solid black;*/
	width: 525px;
	padding:5px;
	margin-bottom: 10px;
	border: 1px solid rgb(33,66,141); 
	background-color: #fbf5e7;
}

.album-window p
{
	font-family: Arial, Helvetica, Georgia, serif;
    font-size: medium!important;
    font-weight: bold;
	color: rgb(33,66,141);
	padding-top: 9px;
	border-bottom: 1px solid rgb(236,144,61);
	height: 28px;
	padding-left: 5px;
}

.album-window h4
{
	padding-left: 5px;
}

.album-row
{
	/*outline: 2px solid purple;*/
}

.album-photo
{
	/*outline: 1px solid green;*/
	height:125px;

}

.album-photo img
{
	display:block;
	margin-left:auto;
	margin-right:auto;
	/*border: 2px outset #EDE0BF;*/	
}


/* *************************************** */
/*    HSHS Section -Dave  		 		   */
/* *************************************** */

.program_announcements
{
	border: 1px solid #0b3e91;
	width: 530px;
	padding: 5px;
	margin-bottom: 5px;
	background-color: #fbf5e7;
}

.program_announcements ul
{
}

.program_announcements li
{
	font-weight: bold;
	color: #660000;
}


.program_announcments h2
{
	/*padding-bottom: 3px;*/
}

.program_info 
{

}

.program_info img
{
	float:right;
	margin:5px;
	border: 1px solid #0b3e91;
}

.faq_topicalindex
{
	border: 1px solid #0b3e91;
	width: 525px;
	padding: 5px 9px;
	margin-bottom: 10px;
	background-color: #DFEBF4;
}

.faq_topicalindex h2
{
	color: #ffffff;
	background-color:#0b3e91;
	padding: 2px;
	text-align:center;
}

div.faq_topicalindex div.multicol div.multicol-3-2,
div.faq_topicalindex div.multicol-525 div.multicol-3-2
{
    left: 34%; /*Changed because the space between col1 - col2 was unproportionate with the rest */
}

.faq_topicalindex a
{
	color:#0b3e91;
	font-size: 10pt;
}

.faq_topicalindex a:hover
{
	color:#0b3e91;
	font-size: 10pt;
}

.faq_section
{
	clear:right;
}

.faq_section h2
{
	color:#0b3e91;
	background-color:#DFEBF4;
	width:760px;
	padding: 3px 0px;
}

.faq_section h2 a
{
	font-size: 12px;
	position: absolute;
	right:25px;
}

.faq_section h2 a:hover
{
	font-size: 12px;
	position: absolute;
	right:25px;
}


.faq_contactus
{
	border: 1px solid #0b3e91;
	background-color:#DFEBF4;
	padding: 3px 3px;
	width:760px;
}

.faq_contactus h2
{

}

.faq_contactus h2 a
{
	font-size: 12px;
	position: absolute;
	right:25px;
}

.faq_contactus h2 a:hover
{
	font-size: 12px;
	position: absolute;
	right:25px;
}

/****** Program Tabs *******/

.programtab
{
	position:relative;
	border: 1px solid #21428D;
	width: 250px;
	height: 75px;
	background-color:#f6efdf;
	margin: 0px 0px 12px 0px;
}

.programtab img
{
	margin: 5px 0px 0px 5px;
}

.programtab h3
{
	color:#21428D;
	line-height:18px;
	font-size:10.5pt;
}

.programtab a
{
	color:#21428D;
}

.programtab a:hover
{
	color:#EC903D;
}

.programtab:hover
{
	/*border: 1px solid #EC903D;*/
}

.line1 
{
	position:absolute;
	top:50%;
	height:16px;
	margin-top:-8px;
	left:100px;
	/*outline:1px solid lime;*/
}

.line2
{	
	position:absolute;
	top:50%;
	height:36px;
	margin-top:-18px;
	left:100px;
	/*outline:1px solid lime;*/
}

.line3
{	
	position:absolute;
	top:50%;
	height:54px;
	margin-top:-27px;
	left:100px;
	/*outline:1px solid lime;*/
}


/***** Image Positioning *****/

/* column 1 */
.hit-tabimage
{
	position: relative;
	bottom: 2px;
}

.mt-tabimage
{
	position: relative;
	left:7px;
}

.na-tabimage
{
	position: relative;
	left:-22px;
}


.ma-tabimage
{
	position: relative;
	bottom:13px;
	left:-5px;
}

.mbc-tabimage
{
	position: relative;
	bottom:13px;
	left:20px;
}

.mlt-tabimage
{
	position: relative;
	bottom:-10px;
	left:10px;
}

.ne-tabimage
{
	position: relative;
	bottom:5px;
	left:30px;
}


.na-tabimage
{
	position: relative;
	bottom:4px;
	left:18px;
}

/* column 2 */

.phl-tabimage
{
	position: relative;
	bottom: 5px;
	left:-20px;
}

.pta-tabimage
{
	position: relative;
	bottom: 0px;
	left:0px;
}

.rt-tabimage
{
	position: relative;
	bottom:13px;
	left:10px;
}

.rc-tabimage
{
	position: relative;
	bottom: 10px;
	left:10px;
}

.sls-tabimage
{
	position: relative;
	bottom:11px;
	left:8px;
}

.wc-tabimage
{
	position: relative;
	bottom: 0px;
	left: 25px;
}

/* *************************************** */
/*    Annual Report  -Dave      		   */
/* *************************************** */

.annual-report h2
{
	color:#000
}

.annual-report a
{
	text-decoration: none;
}

.annual-report a:hover
{
	text-decoration: underline;
}

ul.annual-report-ul 
{

}


.annual-report-image
{
	margin-right:30px;
	float:left;

}

.box-tan-944
{
	border: 1px solid #0b3e91;
	background-color:#f6efdf;
	width: 944px;
	padding:3px;
	margin:0px 0px 10px 0px ;
	overflow:auto;
	text-align:center;
}

table.ar-fin-table
{
	border: 2px solid #21428D;
	border-collapse:collapse;
}

table.ar-fin-table td
{
	padding:3px;
}

tr.main-header-row 
{
	background-color: #21428D;
	font-weight:bold;
	color:#fff;
	font-size: 13pt;
}




tr.header-row 
{

	border: 1px solid black;
	background-color: #eaeaea;
	font-weight:bold;
	font-size: 11pt;
}

tr.header-row td
{
	border-bottom: 2px solid #000;


}

.total-row 
{
font-weight:bold;
font-size: 10pt;

}