/* form table class */
.formStyle01 {padding:5px;
font-weight:normal;
margin-top:15px;
margin-right:auto;
margin-left:auto;
width:98%;
margin-bottom:10px;

}
/*//////////////////////////////////////////////////////////////////////////////////////////////////
Cells styles  that style tha look and feel of the form TD's 
/////////////////////////////////////////////////////////////////////////////////////////////////*/

.formStyle01 td{
	font-weight:normal;
	padding: 5px;
	padding-top:3px;
	padding-bottom:3px;
	text-align:left;
}

.formStyle01 td.centerContent{
text-align:left;
}

.formStyle01 a:link{

color:#1F5356;
font-weight:normal;}

.formStyle01 a:hover {

color:#999900;
font-weight:normal;
text-decoration:none;}

.formStyle01 a:visited {

color:#1F5356;
font-weight:normal;}


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

	Default elements definiation
 
 
/////////////////////////////////////////////////////////////////////////////////////////////////*/

/* generic elments styles that applued for all elments in the page */

input {
	font-weight:normal;
	padding:0.1em;
	background-image: url(images/inbutBg.jpg);
	background-repeat: no-repeat;
	background-position: -2px -2px;
	border:solid 1px #669999;
}

select{
	font-weight:normal;
	padding:0.1em;
	background-image: url(images/inbutBg.jpg);
	background-repeat: no-repeat;
	background-position: -2px -2px;
	border:solid 1px #669999;
}


textarea{
	font-weight:normal;
	padding:0.1em;
	background-image: url(images/inbutBg.jpg);
	background-repeat: no-repeat;
	background-position: -2px -2px;
	border:solid 1px #669999;
	}
	
label {
/*	font-size:14px;
	*/
	color:#7E6D27;
	font-size:11px;
	padding:10px;
	letter-spacing: 0.1em;
}

fieldset{padding-bottom:10px}

legend
{ margin-top:15px;

/*background-color:#E5E5E5*/;
padding:5px;
;
}

legend label{color:#993300;

font-size:16px;
font-family:"Trebuchet MS";

font-weight:bold;}

a:link{

color:#1F5356;
font-weight:normal;}

a:hover {

color:#999900;
font-weight:normal;
text-decoration:none;}

a:visited {

color:#1F5356;
font-weight:normal;}


/*//////////////////////////////////////////////////////////////////////////////////////////////////
		
		width classes it can be applied alone as this sample <input type="text" class"width01"></input>
		or grouped with heght as follow <input type="text" class"width01 height03"></input> where height03 is a class name

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

.width00{
width:70px;
}
.width01{
width:95px;
}
.width02{
width:200px;
}
.width03{
width:300px;
}
.width04{
width:400px;
}
.width05{
width:500px;
}

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

		height classes it can be applied alone as this sample <input type="text" class"height03"></input>
		or grouped with heght as follow <input type="text" class"width01 height03"></input> where height03 is a class name

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

.height01{
height:18px;
}

.height02{
height:24px;
}
.height03{
height:100px;
}
.height04{
height:200px;
}

.height05{
height:300px;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////
		
		buttons classes it can be applied alone as this sample <input type="text" class"btn03"></input>
		or grouped with heght as follow <input type="text" class"btn03 width01 height03"></input>
		where height03 is a class name

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

.btn_default{
color:#FFFFFF;
background:#2a7074;
background:url(images/titlesBG.jpg);
background-position:left top;
background-repeat:repeat-x;
padding:0.5em;

}

/*  small button with rounded corners like search button in the design   */

.btn_rounded_small{
	margin-top:0.8em;
	height:24px;
	margin-left:0.2em;
	margin-right:0.5em;
	width:64px;
	border:none;
	background-repeat: no-repeat;
	background-position:center center;
	color:#FFFFFF;
	text-align:center;
	background-color: transparent;
	background-image: url(images/buttonSearch.gif);
	font-size: 11px;

}

/*  Medium button with rounded corners like search button in the design   */

.btn_rounded_medium{
	margin-top:0.8em;
	height:24px;
	margin-left:0.2em;
	margin-right:0.5em;
	width:80px;
	border:none;
	background-repeat: no-repeat;
	background-position:center center;
	color:#FFFFFF;
	text-align:center;
	background-color: transparent;
	background-image: url(images/button_rounded_Mid.gif);
	font-size: 11px;
}

/*  Large button with rounded corners like search button in the design   */

.btn_rounded_large{
	margin-top:0.8em;
	height:24px;
	margin-left:0.2em;
	margin-right:0.5em;
	width:140px;
	border:none;
	background-repeat: no-repeat;
	background-position:center center;
	color:#FFFFFF;
	text-align:center;
	background-color: transparent;

	background-image: url(images/button_Large).gif);
	font-size: 11px;
	background-image: url(images/button_rounded_large.gif);
}

/*  Extra large button with rounded corners like search button in the design   */

.btn_rounded_ExtraLarge{
	margin-top:0.8em;
	height:24px;
	margin-left:0.2em;
	margin-right:0.5em;
	width:200px;
	border:none;
	background-repeat: no-repeat;
	background-position:center center;
	color:#FFFFFF;
	text-align:center;
	background-color: transparent;
	background-image:url(images/button_rounded_ExtraLarge.gif);
	font-size: 11px;
}



/*/////////////////////////////////////////////////////////////////////////////////////////////////////////
		
		notes and validation styles

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

.validation td{
background-color:#f4f3e4;
color:#993300;
font-weight:bold;
padding:5px;
}

.errorMsg{
background-color:#CC3300;
color:#ffffff;
font-weight:normal;}



/*/////////////////////////////////////////////////////////////////////////////////////////////////////////
		
		special classes

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

/*  edit links styles added like this <a href="linkname" class="linkedit" >   */

a.linkEdit {
display:block;
float:left;
	background-image: url(images/icon_Edit.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999em;
	height: 18px;
	width: 18px;
	color: #0000FF;
}

/*  delete links styles added like this <a href="linkname" class="linkedit" >   */

a.linkDelete 
{
	float:left;
display:block;
	background-image: url(images/icon_Delete.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999em;
	height: 18px;
	width: 18px;
	color: #0000FF;
}

/*  add links styles added like this <a href="linkname" class="btn_add" >   */
a.btn_add{
background-color:#e5f4f5;
padding:8px;
padding-left:25px;
background-image:url(images/btn_add_icon.gif);
background-repeat:no-repeat;
background-position:5px 7px;
color:#333333;
font-size:11px;
font-family:"Tahoma";
text-decoration:none;
display:table-cell;
border:solid 1px #006600;

}

a.btn_add:hover{
background-color:#99CCCC;
color:#333333;
}

/* Report link */
a.btn_report
{
	margin-left:5px;
background-color:#e5f4f5;
padding:8px;
padding-left:25px;
background-image:url(images/btn_reports_icon.gif);
background-repeat:no-repeat;
background-position:5px 7px;
color:#333333;
font-size:11px;
font-family:"Tahoma";
text-decoration:none;

border:solid 1px #006600;
}

a.btn_report:hover{
background-color:#99CCCC;
color:#333333;
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////
		
		clear the styles by adding the next classes to any elment to remove some of it and to customize all the 
		elements eg : <input type="text" class="width02 height03 clear_background"> gives you a defult style input 
		with borders added to styled hieght & styled width, without Backgronds

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

/* Clearing the Borders */
clear_Boder{border:none;}

/* Clearing the Backgrounds */
clear_Background{background:none;}

/* Clearing the Text decorations */
clear_textDecoration{text-decoration:none;}

/* Clearing the font Weight */
clear_fontWeight{font-weight:normal;}

/*Clearing all the values including the padding*/
clear_All{
border:none;
background:none;
font-weight:normal;
text-decoration:none;
padding:0px;
}


.dateTitle{

font-size:11px;
color:#CC6600;
padding-left:8px;
}

.title01{
font-size:18px;
padding-bottom:10px;
}
.title03 h4{color:#993300;
font-size:11px;
font-weight:normal;}


.title04{padding-left:20px;}

.title05{color:#993300;
}

.rowAlternate
{
	background-color:#F3F3F3}
	
	
	.Msg
	{
background-color:#FEF5ED;
border:solid 1px #993300;
	}
	

	.Msg01
	{

color:#666666;
height:30px;
display:block;
padding:5px;
text-align:left;
	}
	
.note
{color:#990000;
font-weight:bold;
text-align:center;
display:block;
}

.dateCombox{

font-family:tahoma;
font-size:12px;
padding:5px;
color:#CC6600;

border:solid 1px  #CCCCCC;
font-weight:normal;
margin:3px;
margin-left:0px;
display:block;
width:90px;

}

#ctl00_ContentPlaceHolder1_TBHtml td{
padding:7px;
color:#006666;
font-weight:bold;
}