/*-------------------------------------------------------------------------------------------
MISC CSS
-------------------------------------------------------------------------------------------*/
* 
{
	padding:0px;
	font-family:Tahoma;
	margin:0;
}
html
{
	height:100%;
}
body 
{
	font-size:100%;
	line-height:18px;
	background-color:#CCCCCC;
	min-height: 500px;
}
html, textarea
{
	color:#676767;
	resize:none;
}

button
{
	height:25px;
	width:80px;
	font-size:15.20px;
	font-weight:bold;
}

select
{
	border-style:inset;
	border-width:2px;
}

img 
{
	border-style: none;
}

.borderGroove
{
	border-style:groove;
	border-width:2px;
	border-color:White;
}
.borderGrooveTop
{
	border-top-style:groove;
	border-top-width:2px;
	border-top-color:White;
}
.borderGrooveBottom
{
	border-bottom-style:groove;
	border-bottom-width:2px;
	border-bottom-color:White;
}
.error
{
	color:Red; 
	font-size:19.7px; 
	margin-bottom:20px; 
	font-weight:normal;
}
.errorHeader
{
	color:Red; 
	font-size:22.4px; 
	font-family:Comic Sans MS;
	margin-bottom:25px; 
	text-align: center;
}
.errorMessage
{
	font-size:17.6px; 
	font-family:Comic Sans MS;
	margin-bottom:20px; 
	text-align: center;
}
.errorContainer
{
	margin-top: 150px;
	height: 100px;
	width: 430px;
	background-color: White;
	border-style: outset;
	border-color: LightGray;
	border-width: 2px;
	padding: 50px 100px 50px 100px;
}

.charMax {
	 font-style:italic;
	 font-size:12px;
}
.removeIECross::-ms-clear {
	width: 0px;
	height: 0px;
}
div.geotrust {
	 width:160px;
}

/*-------------------------------------------------------------------------------------------
TABS
-------------------------------------------------------------------------------------------*/
.tabSelected
{
	color: Purple;
	font-size:12.8px;
	height: 123px;
	width: 100%;
	border-bottom: groove 2px White;
	border-right: groove 2px White;
	font-weight:bold;
	padding-left: 2px;
}
.tabUnselected
{
	color: #9999CC;
	font-size:12.8px;
	height: 122px;
	width: 100%;
	border-bottom: groove 2px White;
	border-left: groove 2px White;
	border-right: groove 2px White;
	cursor:default;
	font-weight:bold;
}
.tabUnselected:hover
{
	color: White;
	font-size:12.8px;
	height: 122px;
	width: 100%;
	border-bottom: groove 2px White;
	border-left: groove 2px White;
	border-right: groove 2px White;
	cursor:default;
	font-weight:bold;
}

/*-------------------------------------------------------------------------------------------
AJAX
-------------------------------------------------------------------------------------------*/
.modalBackground
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.progressBackground
{
	Width:150px;
	Height:135px;
	position:absolute;
	margin-top:220px;
	margin-left:-75px;
	background-color:White;
	border-style:ridge;
	border-width:2px;
	border-color:Gray;
}

#preview .ajax__htmleditor_editor_bottomtoolbar {
    display:none;
}
#preview .ajax__htmleditor_editor_toptoolbar {
    display:none;
}

/*-------------------------------------------------------------------------------------------
Datagrid
-------------------------------------------------------------------------------------------*/
.dataGridFixedHeader
{
	/*
	position:relative;
	top:expression(this.parentNode.parentNode.parentNode.scrollTop-2);
	left:expression(this.parentNode.parentNode.parentNode.scrollLeft)
	*/
}

/*-------------------------------------------------------------------------------------------
Buttons
-------------------------------------------------------------------------------------------*/
.navigateButton
{
	color:Green;
	height:50px;
	width:150px;
	font-size:15.20px;
	font-weight:bold;
}
.searchButton
{
	color:Purple;
	height:50px;
	width:250px;
	font-size:15.20px;
	font-weight:bold;
}
.footerButton
{
	color:Black;
	height:50px;
	width:100px;
	font-size:15.20px;
	font-weight:bold;
}
.footerButtonNoWidth
{
	color:Black;
	height:50px;
	font-size:15.20px;
	font-weight:bold;
}
.footerButtonPurple
{
	color:Purple;
	height:50px;
	width:100px;
	font-size:15.20px;
	font-weight:bold;
}
.footerButtonRed
{
	color:Red;
	height:50px;
	width:100px;
	font-size:15.20px;
	font-weight:bold;
}

/*-------------------------------------------------------------------------------------------
RADIO BUTTON LIST
-------------------------------------------------------------------------------------------*/
.RadioButtonLabelWidth label
{
	margin-left:5px;
}

/*-------------------------------------------------------------------------------------------
FANCY BOX
-------------------------------------------------------------------------------------------*/
.guestMessage
{
	padding: 25px 35px 25px 35px;
	width: 400px;
}
.guestMessage h2 
{
	text-align: center;
	font-size: 21.6px;
}
.guestMessage p
{
	padding-top: 25px;
	text-align: left;
	line-height: 22px;
}

/*-------------------------------------------------------------------------------------------
CLASSMATE SEARCH GRID
-------------------------------------------------------------------------------------------*/
table.classmate-search {
	 color:White;
	 width:99%;
	 padding: 0;
}
td.classmate-search-header{
	font-size:12px;
	background-color:#736F6E;
	font-weight:bold;
	color:White;
	overflow:hidden;
	height:27px;
	border-bottom:solid 1px white;
	text-align:left;
}
td.classmate-search{
	overflow:hidden;
	text-align: left;
	border-left: solid 1px #FFFFFF;
}
tr.classmate-search-odd{
	background-color:#CCCCCC;
	color:Black;
	height:20px;
	font-size:12px;
	cursor:pointer;
	overflow:hidden;
}
tr.classmate-search-odd:hover{
	background-color:#FFF380;
	color:Black;
	height:20px;
	font-size:12px;
	cursor:pointer;
	overflow:hidden;
}
tr.classmate-search-even{
	background-color:White;
	color:Black;
	height:20px;
	font-size:12px;
	cursor:pointer;
	overflow:hidden;
}
tr.classmate-search-even:hover{
	background-color:#FFF380;
	color:Black;
	height:20px;
	font-size:12px;
	cursor:pointer;
	overflow:hidden;
}
label.classmate-search
{
	color: Black;
	font-size: 14.4px;
	font-weight: bold;
	text-transform: uppercase;
}
input[type=text].classmate-search
{
	height: 20px;
	border: inset 2px #FFFFFF;
	color: Black;
	font-size: 14.4px;
	font-weight: bold;
	text-transform: uppercase;
}

/*-------------------------------------------------------------------------------------------
CLIENT SEARCH GRID
-------------------------------------------------------------------------------------------*/
table.client-search {
	 color:White;
	 width:99%;
	 padding: 0;
}
td.client-search-header{
	font-size:12px;
	background-color:#736F6E;
	font-weight:bold;
	color:White;
	overflow:hidden;
	height:27px;
	border-bottom:solid 1px white;
	text-align:left;
}
td.client-search{
	overflow:hidden;
	text-align: left;
	border-left: solid 1px #FFFFFF;
}
tr.client-search-odd{
	background-color:#CCCCCC;
	color:Black;
	height:20px;
	font-size:12px;
	cursor:pointer;
	overflow:hidden;
}
tr.client-search-odd:hover{
	background-color:#FFF380;
	color:Black;
	height:20px;
	font-size:12px;
	cursor:pointer;
	overflow:hidden;
}
tr.client-search-even{
	background-color:White;
	color:Black;
	height:20px;
	font-size:12px;
	cursor:pointer;
	overflow:hidden;
}
tr.client-search-even:hover{
	background-color:#FFF380;
	color:Black;
	height:20px;
	font-size:12px;
	cursor:pointer;
	overflow:hidden;
}
label.client-search
{
	color: Black;
	font-size: 14.4px;
	font-weight: bold;
	text-transform: uppercase;
}
input[type=text].client-search
{
	height: 20px;
	border: inset 2px #FFFFFF;
	color: Black;
	font-size: 14.4px;
	font-weight: bold;
	text-transform: uppercase;
}