.blue
{
	font-weight: normal;
	font-size: 12px;
	font-family: tahoma;
	text-decoration: none;
	color: #14456a;
}
.blueJob
{
	font-weight:normal;
	font-size: 12px;
	font-family: tahoma;
	text-decoration: none;
	color: #626262;
}
.DetailsTitle
{font-weight: bold;
	font-size: 14px;
	font-family: tahoma;
	text-decoration: none;
	color:white;
	padding-left:4px;
	 }
	.DetailsInner
{font-weight: normal;
	font-size: 11px;
	font-family: tahoma;
	text-decoration: none;
	color:#767676;
	 padding-left:10px;
	}
.Footer
{
	background-image: url(../images/fotter.jpg);
	background-repeat: no-repeat;
}
.header
{
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
}
.blue2
{
	font-weight: normal;
	font-size: 10px;
	font-family: tahoma;
	text-decoration: none;
	color: #14456a;
}

.tblue
{
	font-weight: normal;
	font-size: 11px;
	font-family: tahoma;
	text-decoration: none;
	color: #14456a;
	padding: 5px;
	padding-bottom: 3px;
}

.tblueb
{
	font-weight: bold;
	font-size: 11px;
	font-family: tahoma;
	text-decoration: none;
	color: #14456a;
	padding: 5px;
}

.title
{
	font-size:14px;
	color: #0c537f;
	font-family: Tahoma;
	text-decoration: none;
	font-weight: bold;
}

.txtbox
{
	font-size: 12px;
	color: #7d7d7d;
	font-family: tahoma;
	text-decoration: none;
	background-color: white;
	border: solid 1px;
	border-color: Silver;
	height: 20px;
	width: 155px;
}
.txtboxStyle
{
	font-size: 12px;
	color: #7d7d7d;
	font-family: tahoma;
	text-decoration: none;
	background-color: white;
	border: solid 1px;
	border-color: Silver;
	height: 20px;
	width: 155px;
}


.bg
{
	background-image: url(../images/table-side.jpg);
	background-position: top;
	background-repeat: repeat-x;
	background-color: white;
}

.topbg
{
	background-image: url(../images/top.jpg);
	background-position: top;
	background-repeat: repeat-y;
}

.downbg
{
	background-image: url(../images/top.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

.ora
{
	font-size: 13px;
	color: #bd9600;
	font-family: Tahoma;
	text-decoration: none;
	font-weight: bold;
}

.white
{
	font-weight: normal;
	font-size: 11px;
	font-family: tahoma;
	text-decoration: none;
	color: White;
}


A:hover
{
	font-size: 11px;
	color: #667804;
	font-family: tahoma;
	text-decoration: none;
}
A:link
{
	font-size: 11px;
	color: White;
	font-family: tahoma;
	text-decoration: none;
}
A:visited
{
	font-size: 11px;
	color: White;	
	font-family: tahoma;
	text-decoration: none;
}
#HomeLink A:hover
{
	font-size:11px;
	color: #667804;
	font-family: tahoma;
	text-decoration: none;
}


A:active
{
	color:white;
}

.tablebg2
{
	background-image: url(../images/side-2.jpg);
	background-position: top;
	background-repeat: repeat-x;
}
.tablebg
{
	background-image: url(../images/table-side.jpg);
	background-position: top;
	background-repeat: repeat-x;
}
.gray
{
	font-weight: bold;
	font-size: 11px;
	font-family: tahoma;
	text-decoration: none;
	color: #67666c;
}
.red
{
	font-weight: bold;
	font-size: 12px;
	font-family: verdana;
	text-decoration: none;
	color: #8c0003;
}
.black
{
	font-weight: normal;
	font-size: 11px;
	font-family: tahoma;
	text-decoration: none;
	color: black;
}







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

/*------------------------- Product------------*/

.ProLable
{
	background-image: url(../Images/ProTitleBG.gif);
	background-repeat: no-repeat;
	background-position:left center;
	width: 276px;
}
.LabelFont
{
	color: white;
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
}

.MenuBackStrip
{
	background-image: url(../Images/MenuBackStrip.jpg);
	background-repeat: repeat-y;

}
/*
.InnerHeader
{background-image: url(../Images/table-top.jpg);
	background-repeat: no-repeat;
	
}
	
.InnerFooter
	{background-image: url(../Images/footer1.jpg);
	background-repeat: no-repeat;
	height:11px;}
	
.LeftInner
{ background-image:url(../images/l-side.jpg);
	background-repeat:repeat-y;

	width:9px;
	
	}
.RightInner
{ background-image:url(../images/r-side.jpg);
	background-repeat:repeat-y;
	width:9px;

	
	}
	
*/

/*//////////////////////////////////////////////////////////////////////////////////////////////////
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
{
	width: 80px;
	border: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	color: #FFFFFF;
	text-align: center;
	background-image: url(../images/button_rounded_Mid1.gif);
	background-color: Transparent;
}

.btn_rounded_Add
{
	width: 60px;
	border: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	color: #FFFFFF;
	text-align: center;
	background-image: url(../images/add.gif);
	background-color: Transparent;
}
.width
{
	width: 500px;
}
.btn_rounded_defult
{
	width: 80px;
	border: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	color: Gray;
	font-weight: bold;
	text-align: center;
	background-image: url(../images/btn.gif);
	background-color: Transparent;
}


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




/*- Menu Tabs F--------------------------- */

#tabsF
{
	float: left;
	width: 100%;
	background: #efefef;
	font-size: 93%;
	line-height: normal;
	border-bottom: 1px solid #666;
}
#tabsF ul
{
	margin: 0;
	padding: 10px 10px 0 50px;
	list-style: none;
}
#tabsF li
{
	display: inline;
	margin: 0;
	padding: 0;
}
#tabsF a
{
	float: left;
	background: url( "../images/tableftF.gif" ) no-repeat left top;
	margin: 0;
	padding: 0 0 0 4px;
	text-decoration: none;
}
#tabsF a span
{
	float: left;
	display: block;
	background: url( "../images/tabrightF.gif" ) no-repeat right top;
	padding: 5px 15px 4px 6px;
	color: #666;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsF a span
{
	float: none;
}
/* End IE5-Mac hack */
#tabsF a:hover span
{
	color: #FFF;
}
#tabsF a:hover
{
	background-position: 0% -42px;
}
#tabsF a:hover span
{
	background-position: 100% -42px;
}

/*************************** Product Right Menu ****************************/
div.sdmenu
{
	width:150px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 10px;
	background: url(../images/bottom.gif) no-repeat right bottom;
	font-weight:bold;
	
}
div.sdmenu div
{
	background: url(../images/title.gif) repeat-x;
	overflow: hidden;

}
div.sdmenu div:first-child
{
	background: url(../images/toptitle.gif) no-repeat;
}
div.sdmenu div.collapsed
{
	height: 25px;
}
div.sdmenu div span
{
	display: block;
	padding: 5px 25px;
	font-weight: bold;
	color: #151515;
	background: url(../images/expanded.gif) no-repeat 10px center;
	cursor: default;
	border-bottom: 1px solid #ddd;
}
div.sdmenu div.collapsed span
{
	background-image: url(../images/collapsed.gif);
}
div.sdmenu div a
{color:#febb20;
	padding: 5px 10px;
	background:#f5f5f3;
	display: block;
	border-bottom: 1px solid #ddd;
	
}
div.sdmenu div a.current
{
	background: #ccc;
	
	
}
div.sdmenu div a:hover
{
	background: #b2b2b2 url(../images/linkarrow.gif) no-repeat right center;
	color: #fff;
	text-decoration: none;
}
.LeftProduct
{ background-image:url(../images/LeftProduct.gif);
	background-repeat:repeat-y;
	height:100%;
	width:4px;
	}
	
	.RightProduct
{ background-image:url(../images/RightProduct.gif);
	background-repeat:repeat-y;
	height:100%;
	width:4px;}