body
{
    font-size: 12px;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    margin: 12px 0px 25px 0px;
    padding: 0;
    color: white;
    background-image: url('/Images/bg-teal.gif'); 
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */

input[type="text"]
{
    font-family: Arial, Verdana, Helvetica, Sans-Serif;

}

input[type="submit"]
{
	font-weight:bold;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
}

input[type="file"]
{
	font-weight:bolder;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
}

select
{
    font-family: Arial, Verdana, Helvetica, Sans-Serif;	
}

textarea
{
    font-family: Arial, Verdana, Helvetica, Sans-Serif;	
}

a
{
    color:#197566;
    text-decoration: underline;
}

a:hover
{
    text-decoration: none;
}

h3
{
    font-family: Trebuchet MS, Arial, Verdana;
    font-size:14px;
    font-weight:bold;
    color:#197566;
    margin:0px;
    padding:0px;
}

h3 a
{
    text-decoration:underline;
    color:#197566;
}

.page
{
    width:100%;
    height:100%;
}

#header
{
	padding-top: 5px;
	padding-bottom:5px;
    font-weight: bold;
    font-size: 12px;
	text-align:center;
	color:#f3f3f3;
	background-color: #8c8c8c;
	width: 100%;
}

.title
{
	padding-top: 5px;
	padding-bottom:5px;
    font-weight: bold;
    font-size: 12px;
	text-align:center;
	color:#f3f3f3;
	background-color: #222;
	width: 100%;
}

.darkertitle
{
	padding-top: 5px;
	padding-bottom:5px;
    font-weight: bold;
    font-size: 12px;
	text-align:center;
	color:#f3f3f3;
	background-color: #898A8A;
	width: 100%;
}

.schoolname
{
	font-size:12pt;
	font-weight:bold;
}

#mainContent
{	
	border: 1px  #8c8c8c solid;         
}

#footer
{
	padding-top: 5px;
	padding-bottom:5px;
    font-weight: bold;
    font-size: 12px;
	text-align:center;
	color:#f3f3f3;
	width: 100%;
}

.footerLinks
{
    background-color: #2D2E2E;
    font-size: 11px;
}

.footerLinks a
{
    color: #999999;
}

.blackRow
{
    width: 972px; 
    background-color: #000000;
}

.blackRow > td
{
   padding: 0px 22px 0px 21px; 
}

.pinkRow
{
    background-color: #E998B1;
}

.copyright
{
    font-size: 11px;
}

.bold
{
    font-weight: bold;
}

/* MAIN TOP NAV
----------------------------------------------------------*/
#TopNav
{
  padding: 0px 22px 0px 21px;
  background-color: #000000;
}

/* MAIN TABLE
----------------------------------------------------------*/
#MainTable
{
    background-color: #000000;
    width: 972px;
}

/* LEFT NAV TABLE
----------------------------------------------------------*/
#LeftNavTable
{
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    font-size: 11px;
    margin-left:22px;
    margin-right:12px;
    width:217px;
}

#LeftNavTable a
{
    display: block;
    color: Black;
}


/* CONTENT AREA TABLE
----------------------------------------------------------*/
#ContentArea
{
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    font-size: 12px;
    width: 687px;
}

/* FOOTER TABLE
----------------------------------------------------------*/
#FooterTable
{
    color: #999999;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    font-size: 10px;
    width: 972px;
}
#WideFooterTable
{
    color: #999999;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    font-size: 10px;
    width: 1090px;
}
/* MAIN TOP MENU   
----------------------------------------------------------*/
/*Begin Sandy's stuff*/
#TopMenu
{
	background-color:#fff3a6;
    position: relative;
    margin: 0;
    text-align: left;
    vertical-align:middle;
}

#TopMenu a
{
	background-color:#CA6581;
	color:White;
}

#TopMenu selected a
{
	background-color:#CA6581;
	color:White;
}

.SelectedTopMenuItem
{
	background-color:#cb6682;
	color:White;
}

.TopMenuItem
{
	
	background-color:#fbc6d5;
	color:#b84f6c;
}

#TopMenuTable
{
    width: 972px;
    margin-bottom: 12px;
    text-align: right;
}
.InActiveMenu
{
	cursor: default;
}
.gridpad
{
    padding: 10px;
    color:#333;
}
.gridnopad
{
	color:#333;
}
.otherschools
{
    color:#333;
}
td.azschoolname
{
	padding: 5px;
}
td.azlocation
{
	padding: 5px;
    color:#333;
}
/*End Sandy's stuff*/
/*--------------------------------------------------------*/

#LoginControl
{
	position:static;
	margin-top:10%;
	vertical-align:middle;
}

#LoginStatus
{
	width:350px;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}
.submitbtn
{
    margin-top:15px;
}

/* MODAL POPUP
---------------------------------------------------------*/

.modalBackground {
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	margin: 5px;
	width: 300px;
}

.modalPopupMessage
{
	cursor: move;
	background-color:#DDDDDD;
	border:solid 1px Gray;
	color:Black;
	font-weight:bold;
}

/*---------ADMINISTRATOR--------*/
.GridView
{
	width:100%;
}

/*--------SiteOperator----------*/
#AccountSearch
{
	border: 1px solid #8c8c8c;	
}

#SearchCriteriaTitle
{
	background-color:#8c8c8c;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
}

#SearchFilters
{
	border: 1px solid #8c8c8c;	
}

#AccountFilterType
{
	float:left;
	width:93%;
}

#SubmitButtonDiv
{
	float:right;
}

#IndentationDiv
{
	width:55%;
	float:left;
}

#AccountStatus
{	
	float:left;	
}

#UserDefinedFilters
{	
	float:left;
}

#AccountSummary
{
	width:100%;
	background-color: #2D2E2E;
	color:#fcfcfc;
	font-weight:bold;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
}

#AccountSearchResult
{

	border: solid 1px gray;
}

.SaveStatus
{
	background-color:#fff8b9;
	color:Black;
}

.MasterListEdit
{
	width:300px;
}

/* SIDE COLUMN LINKS & HEADINGS  
----------------------------------------------------------*/
#LeftColumn
{
    width: 175px;
    float: left;
    background-color: #2D2E2E;
    height:100%;
    border-right: 1px #FFF solid;
    padding-right: 3px;
}

#LeftColumn a
{
	color:#FFF;
	font-weight:bold;
    margin-top:10px;
}

.SelectedLeftMenuItem
{
	border-bottom: 2px #FFF solid;
}

#LeftBottomAction
{
	margin-right:5px;
	margin-left:5px;
	padding-bottom:13px;
	background-color:#8c8c8c;
	font-size: .75em;
	text-align:center;
}

.LockStatusTable
{
	background-color:#FFF;
	color:Black;
}

.LockStatusTitle
{
	background-color:#b3b3b3;
	color:#ffffff;
	width:100%;
}

#RightColumn
{
	background-color: #2D2E2E;	
    margin-left: 10px;
    margin-top: 15px;
    height:100%;
}
/*-----------FREEZE HEADER GRIDVIEW-----------*/
.Freezing 
{ 
	background-color:#222;
	color:White;
	/*position:relative ; 
	z-index: 10; */
	height:20px;
}

.alphabet
{
	padding:2px;
	font-weight:bold;	
	line-height:23px;	
}

#BrowseState
{
	text-align:center;
}

.borderPanel
{	
	border: 1px  #8c8c8c solid;         
}
A:link.gridlink
{
    color: #39b7a3;
}
A:link.gridschoollink
{
    color: #39b7a3;
    font-size:11px;
    font-weight:bold;
}
A:visited.gridschoollink
{
    font-size:11px;
    font-weight:bold;
}
.AjaxTab
{
	font-size: .90em;
    font-family: Verdana, Helvetica, Sans-Serif;
    
}

.AjaxContent
{
	color:Black;
	font-size: .90em;
    font-family: Verdana, Helvetica, Sans-Serif;
    background-color:#fff; /* set alternate background color top white for rows in school listing page */
}

.AjaxSelectedContent
{
	color:Black;
	font-size: .90em;
	font-weight:bold;
    font-family: Verdana, Helvetica, Sans-Serif;
}

.AjaxNumbers
{
	font-size: 18px;
    font-family: Verdana, Helvetica, Sans-Serif;
}

.CustomTabStyle .ajax__tab_header {font-family: Verdana, Tahoma, helvetica;font-size:11px;color:#000000;background: url("Images/tabs/white/tab-line.gif") repeat-x bottom;}
.CustomTabStyle .ajax__tab_outer {padding-right:0px;Background:url("Images/tabs/white/tab-right.gif") no-repeat right;height:21px;}
.CustomTabStyle .ajax__tab_inner {padding-left:3px;background:url("Images/tabs/white/tab-left.gif") no-repeat;}
.CustomTabStyle .ajax__tab_tab {height:13px;padding:4px;margin:0;background:url("Images/tabs/white/tab.gif") repeat-x;}
.CustomTabStyle .ajax__tab_hover .ajax__tab_outer {background:url("Images/tabs/white/tab-hover-right.gif") no-repeat right;}
.CustomTabStyle .ajax__tab_hover .ajax__tab_inner {background:url("Images/tabs/white/tab-hover-left.gif") no-repeat;}
.CustomTabStyle .ajax__tab_hover .ajax__tab_tab {background:url("Images/tabs/white/tab-hover.gif") repeat-x;}

/* ajax__tab_technorati-theme theme */
.ajax__tab_technorati-theme .ajax__tab_header 
{
    font-family: , Helvetica, Sans-Serif;	
	font-size: .90em;
	
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_outer 
{
    background:url(../../images/darktab-left.gif) no-repeat left top;
    padding-left:10px;
    margin-right:3px;
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_inner 
{
    background:url(../../images/darktab-right.gif) no-repeat right top;
    /*padding:  3px 10px --space right of text  2px ---space below text in tab - changed the padding below the text to remove the blk line for the center graphic, still have to update left and right graphic css padding: 0px; */
    padding: 3px 0px 0px 0px;
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_tab 
{
    background:url(../../images/darktab-tab.gif) repeat-x top;
    color:#fff;
    /*padding:  3px 15px 2px --the padding above the non-selected tab spacing above text    0px --padding to the left of the text; */
    padding:  6px 15px 3px 6px;
    margin-right:8px;
    margin-left: -3px;
    margin-top: -3px;
}
.ajax__tab_technorati-theme .ajax__tab_hover .ajax__tab_tab 
{
    color:#ccc;
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_outer 
{
    background:url(../../images/active-left.gif) no-repeat;
    padding-left:10px;
    margin-right:3px;
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_inner 
{
    /* background:url(../../images/active-right.gif) no-repeat right;   white image to the featured schools tab */
    background:url(../../images/active-right2.gif) no-repeat right;

    
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_tab
{
    background:url(../../images/active-tab2.gif) repeat top; 
    background-color:#4e4e4c;
    color:#39b7a3;
    /*padding:  6px 15px  0px --this sets the width below the text in featured schools     3px -- this sets the padding to the left of the text ;*/
    padding:  6px 15px 0px 6px;
    margin-right:8px;
    margin-left: -3px;
    margin-top: -5px;
    height:21px;
    position:relative;
    top: 2px;
    left: -3px;
    
    


}
.ajax__tab_technorati-theme .ajax__tab_body 
{
    font-family: Verdana, Helvetica, Sans-Serif;	
	font-size: .95em;
    padding:8px;
    background-color:#fff; /* set color to white for border with padding around school listing rows - it was a dark gray before */
    /* border:solid 0px - the border width goes around the listings the white box #5b5b5b; */
    border:solid 0px #5b5b5b;
}


/*-----Vertical Menu------*/
.VerticalMenu
a:active
{
    font-family: Verdana, Helvetica, Sans-Serif;	
	text-decoration: none; 
	font-weight:bold;
}


/*---- Aritcle Link line spacing ---*/
.sub-menu ul
{
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0;
	
	
}
.sub-menu li
{
	padding: 8px 0px 1px 0px;
}



/*.subnavlink
{ 
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	border: solid 25px #000;
	
}*/


/*--------- Rounded Corners SpriffyCorners.com - Obtained persion to use from Gregg Johnson on 4/7/2009 ---------*/

.corner{display:block}
.corner *{
  display:block;
  font-size:.01em;
  height:1px;
  overflow:hidden;
  background:#ffffff}
.corner1{
  padding-left:1px;
  padding-right:1px;
  margin-left:3px;
  margin-right:3px;
  border-left:1px solid #6d6d6d;
  border-right:1px solid #6d6d6d;
  background:#bfbfbf}
.corner2{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #191919;
  border-right:1px solid #191919;
  background:#cecece;
  padding-right:1px;
  padding-left:1px}
.corner3{
  margin-right:1px;
  margin-left:1px;
  border-left:1px solid #cecece;
  border-right:1px solid #cecece;}
.corner4{
  border-left:1px solid #6d6d6d;
  border-right:1px solid #6d6d6d}
.corner5{
  border-left:1px solid #bfbfbf;
  border-right:1px solid #bfbfbf}
.cornerfg{
  color:#000;
  background:#ffffff;
  padding: 15px;}
  
  
  
  
  /*--------- Right Hand Corners ---------*/

.tcol{display:block}
.tcol *{
  display:block;
  font-size:.01em;
  height:1px;
  overflow:hidden;
  background:#197566}
.tcol1{
  padding-left:1px;
  padding-right:1px;
  margin-left:3px;
  margin-right:3px;
  border-left:1px solid #197566;
  border-right:1px solid #197566;
  background:#197566}
.tcol2{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #197566;
  border-right:1px solid #197566;
  background:#197566;
  padding-right:1px;
  padding-left:1px}
.tcol3{
  margin-right:1px;
  margin-left:1px;
  border-left:1px solid #197566;
  border-right:1px solid #197566;}
.tcol4{
  border-left:1px solid #197566;
  border-right:1px solid #197566}
.tcol5{
  border-left:1px solid #197566;
  border-right:1px solid #197566}
.tcolfg{
  color:#000;
  background:#ffffff;
  padding: 15px;}

/* Photo Class for Article Photo */
.articlephoto
{
	width: 225px;
	border: 0px;
	float: left;
	padding: 0px 15px 15px 0px;
}