/*


#########################################


##### FemtoLayer Technologies, INC ######


##### Planet V1.0					#####


##### ----------------------------- #####


##### Wrritten by : 				#####


##### ------------- 				#####


##### 1.Eng. Mohamed Gomaa 			#####


##### 1.Eng. Mahmoud Tawfik			#####


##### www.femtolayer.com			#####


##### www.femtoplanet.com			#####


##### license@femtolayer.com		#####


#########################################


*/


font {font-family:tahoma; font-size:11px; color:#0390fc}


td {font-family:tahoma; font-size:11px;color:#0390fc}


body {font-family:tahoma; font-size:11pt; repeat-x; margin: 0;color:#bcbcbc; background-color:#333333}


a:link {font: 10px tahoma, Arial, Helvetica, sans-serif;color: #bcbcbc; text-decoration: none;}


a:visited {font: 11px tahoma, Arial, Helvetica, sans-serif;color: #0390fc; text-decoration: none;}


a:hover {font: 9px tahoma, Arial, Helvetica, sans-serif;color: #0390fc; text-decoration: underline;}


.top_td{


border-left: 1px solid #0390fc; border-right: 1px solid #0390fc; border-top: 1px solid #0390fc;


 border-bottom-width: 1px;font-family:tahoma; font-size:8pt;


}


.bottom_td {


border-top: 1px solid #95B7C8; border-left: 1px solid #95B7C8; border-right: 1px solid #95B7C8; border-top-width: 1px; border-bottom: 1px solid #95B7C8;


background-color:#F7FCFE;font-family:tahoma; font-size:8pt;


}


.submit {


font-family: Tahoma; font-size: 9pt; color: #28668A; border-style: outset; border-width: 1px;


background-color:#dfdfdf


}


.ori_font {


font-family: Tahoma; font-size: 10pt;


}


.odd {background-color:#F4F7F9;}


.row {background-color:#FFFFFF;}


select{font-family:Tahoma; font-size:8pt; height:30; background-color:#FCFCFC}


.quote{BORDER-RIGHT: 1px inset; PADDING-RIGHT: 6px; BORDER-TOP: 1px inset; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px; MARGIN: 0px; OVERFLOW: auto; BORDER-LEFT: 1px inset; WIDTH: 640px; PADDING-TOP: 6px; BORDER-BOTTOM: 1px inset;}


.line {


	font-family: Tahoma; color: #800000; font-size: 8pt; border: 1px outset #C0C0C0; background-color: #C0C0C0


}


.bigfont {font-family: Arial; font-size: 11pt; font-weight: bold; color:#0390fc}


.boldfont {font-family: Arial; font-size: 10pt; font-weight: bold; color:#0390fc}


.ads {font-family: Arial; font-size: 10pt; font-weight: bold; color:#0000ff}


.td_points {font-family: Tahoma; font-size: 8pt; color: #003366; font-weight: bold; border: 1px solid #F2F2F2}


.price {font-family: Arial; font-size: 13pt; font-weight: bold; color:#D34F00}


.blocktitle {font-family: tahoma; font-size: 12px; color:#FFFFFF}


.duemoney {font-family: tahoma; font-size: 12px; color:#FF0000}


.hidden {font-family: tahoma; font-size: 10px; color:#7F7F7F}


.strike {font-family: tahoma; font-size: 12px; color:#7F7F7F}


.td_border {border: 1px solid #DCE0F5}


.td_over {background-color: #FFEFEA}


.catlist {font-family: Tahoma; font-size: 8pt; color: #003366; font-weight: bold; height: 25; border: 1px solid #ADC8F8; background-image: url('images/blocktitle.gif')}


.verify {font-family: Tahoma; font-size: 8pt; color: #808080; border: 1px solid #F3EAE1; background-color: #8A8A8A}


.stopped {font-family: Tahoma; font-size: 8pt; color: #8A8A8A;}


.pending {font-family: Tahoma; font-size: 8pt; color: #B56815;}


.renew {font-family: Tahoma; font-size: 8pt; color: #33AF08;}


.calc_board {border-style: dotted; border-width: 1px; background-color: #FBFBFB}


.true {color:#215A08}


.false {color:#AD0101}


.you_chat{color:#0000FF;font-family:Arial;font-size:9pt}


.admin_chat{color:#FF0000;font-family:Arial;font-size:9pt}


.imp {color:#FF0000; font-size: 7pt}


.lineundertable { style='border-bottom: 1px solid #B8D4F0'}


.cat_border


{


	margin:0;


	border-width:1px;


	width:100%;


	background-color:#FFFFFF;


	border-left-style:solid;


	border-right-style:solid;


	border-bottom-style:solid;


	border-color:#65AEF5 ;


	


}


<!------------- Ajax Tabs CSS Powred By FemtoLayer.Com ----------->


.alexatable


{


background-color: #cococo;


font: 13px tahoma;


color : #1B45A3


}


.tab


{


	background:url('images/sp.gif') no-repeat left center;


	border-width:0px;


	border-style:none


}


.taba


{


	background:url('images/sp.gif') no-repeat left center;


	border-width:0px;


	border-style:none


}


.tab-on


{


	background:url('images/tab_on.gif') repeat-x;


	color:#46647C





}


.tab-ona


{


	background:url('images/tab_on.gif') repeat-x;


	color:#46647C





}


.clear


{


	clear:both;


}


.tab-content


{


	margin:0;


	border-width:1px;


	width:100%;


	height:200px;


	background-color:#FFFFFF;


	border-left-style:solid;


	border-right-style:solid;


	border-bottom-style:solid;


	border-color:#65AEF5 ;


	


}


.tab-holder


{


	border-left:1px solid #65AEF5; border-right:1px solid #65AEF5; border-top:1px solid #65AEF5; background-image:url('images/blocktitle.gif');


	background-repeat:repeat-x;


	background-attachment:scroll;


	float:right;


	width:100%;


	height:23px;


	color:#FFFFFF;


	background-color:#FFFFFF;


	padding:0;


	margin:0; border-bottom-color:#65AEF5; border-bottom-width:1px	


	


}


.tab-section ul li


{


	height:25px;


	list-style-position:outside;


	list-style-type:none;


	list-style-image:none;


	padding-top:3px;


	padding-right:0px;


	padding-left:0px;


	text-align:center;


	float:left;


	width:25%;


	margin:0;	





}





.tab-section ol li


{


	list-style:disc;


}





.tab-noborder


{


	background-image:none;


}


.content-div


{





	width:100%;


	padding-right:2px;


    padding-left:5px;


	color:#FFFFFF;


}





.tab3 {


	MARGIN-TOP: 5px


}





.s-content


{


	margin:0;


	border-width:1px;


	width:85%;


	height:30px;


	background-color:#FFFFFF;


	border-left-style:solid;


	border-right-style:solid;


	border-bottom-style:solid;


	border-color:#65AEF5 ;


	float:right;


	


}


.t-section ul li


{


	height:25px;


	list-style-position:outside;


	list-style-type:none;


	list-style-image:none;


	padding-top:3px;


	padding-right:0px;


	padding-left:0px;


	text-align:center;


	float:right;


	width:25%;


	margin:0;	


}


.t-holder


{


	border-left:1px solid #65AEF5; border-right:1px solid #65AEF5; border-top:1px solid #65AEF5; background-image:url('images/blocktitle.gif');


	font-weight: bold


	background-repeat:repeat-x;


	background-attachment:scroll;


	float:right;


	width:85%;


	height:23px;


	background-color:#FFFFFF;


	padding:0;


	margin:0;	


	font-weight: Bold; border-bottom-color:#65AEF5; border-bottom-width:1px


	


}


<!---------- End Ajax Tabs ------------->





<!-------------------------- KEY BOARD ------------------->


#keyboardInputMaster {


  position:absolute;


  border:2px groove #dddddd;


  color:#000000;


  background-color:#dddddd;


  text-align:left;


  z-index:1000000;


  width:auto;


}





#keyboardInputMaster thead tr th {


  text-align:left;


  padding:2px 5px 2px 4px;


  background-color:inherit;


  border:0px none;


}


#keyboardInputMaster thead tr th select,


#keyboardInputMaster thead tr th label {


  color:#000000;


  font:normal 11px Arial,sans-serif;


}


#keyboardInputMaster thead tr td {


  text-align:right;


  padding:2px 4px 2px 5px;


  background-color:inherit;


  border:0px none;


}


#keyboardInputMaster thead tr td span {


  padding:1px 4px;


  font:bold 11px Arial,sans-serif;


  border:1px outset #aaaaaa;


  background-color:#cccccc;


  cursor:pointer;


}


#keyboardInputMaster thead tr td span.pressed {


  border:1px inset #999999;


  background-color:#bbbbbb;


}





#keyboardInputMaster tbody tr td {


  text-align:left;


  margin:0px;


  padding:0px 4px 3px 4px;


}


#keyboardInputMaster tbody tr td div {


  text-align:center;


  position:relative;


  height:0px;


}


#keyboardInputMaster tbody tr td div#keyboardInputLayout {


  height:auto;


}


#keyboardInputMaster tbody tr td div#keyboardInputLayout table {


  height:20px;


  white-space:nowrap;


  width:100%;


  border-collapse:separate;


}


#keyboardInputMaster tbody tr td div#keyboardInputLayout table.keyboardInputCenter {


  width:auto;


  margin:0px auto;


}


#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td {


  vertical-align:middle;


  padding:0px 5px 0px 5px;


  white-space:pre;


  font:normal 11px 'Lucida Console',monospace;


  border-top:1px solid #e5e5e5;


  border-right:1px solid #5d5d5d;


  border-bottom:1px solid #5d5d5d;


  border-left:1px solid #e5e5e5;


  background-color:#eeeeee;


  cursor:default;


  min-width:0.75em;


}


#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.last {


  width:99%;


}


#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.alive {


  background-color:#ccccdd;


}


#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.target {


  background-color:#ddddcc;


}


#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.hover {


  border-top:1px solid #d5d5d5;


  border-right:1px solid #555555;


  border-bottom:1px solid #555555;


  border-left:1px solid #d5d5d5;


  background-color:#cccccc;


}


#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.pressed,


#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.dead {


  border-top:1px solid #555555;


  border-right:1px solid #d5d5d5;


  border-bottom:1px solid #d5d5d5;


  border-left:1px solid #555555;


  background-color:#cccccc;


}





#keyboardInputMaster tbody tr td div var {


  position:absolute;


  bottom:0px;


  right:0px;


  font:bold italic 11px Arial,sans-serif;


  color:#444444;


}





.keyboardInputInitiator {


  margin-left:3px;


  vertical-align:middle;


  cursor:pointer;


}


#################################


/* ######### CSS for Shade Tabs. Remove if not using ######### */





.shadetabs{


padding: 3px 0;


margin-left: 0;


margin-top: 1px;


margin-bottom: 0;


font: bold 12px Verdana;


list-style-type: none;


text-align: left; /*set to left, center, or right to align the menu as desired*/


}





.shadetabs li{


display: inline;


margin: 0;


}





.shadetabs li a{


text-decoration: none;


position: relative;


z-index: 1;


padding: 3px 7px;


margin-right: 3px;


border: 1px solid #778;


color: #2d2b2b;


background: white url(shade.gif) top left repeat-x;


}





.shadetabs li a:visited{


color: #2d2b2b;


}





.shadetabs li a:hover{


text-decoration: underline;


color: #2d2b2b;


}





.shadetabs li a.selected{ /*selected main tab style */


position: relative;


top: 1px;


}





.shadetabs li a.selected{ /*selected main tab style */


background-image: url(shadeactive.gif);


border-bottom-color: white;


}





.shadetabs li a.selected:hover{ /*selected main tab style */


text-decoration: none;


}








/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */





.modernbricksmenu2{


padding: 0;


width: 362px;


border-top: 5px solid #D25A0B; /*Brown color theme*/ 


background: transparent;


voice-family: "\"}\"";


voice-family: inherit;


}





.modernbricksmenu2 ul{


margin:0;


margin-left: 10px; /*margin between first menu item and left browser edge*/


padding: 0;


list-style: none;


}





.modernbricksmenu2 li{


display: inline;


margin: 0 2px 0 0;


padding: 0;


text-transform:uppercase;


}





.modernbricksmenu2 a{


float: left;


display: block;


font: bold 11px Arial;


color: white;


text-decoration: none;


margin: 0 1px 0 0; /*Margin between each menu item*/


padding: 5px 10px;


background-color: black; /*Brown color theme*/ 


border-top: 1px solid white;


}





.modernbricksmenu2 a:hover{


background-color: #D25A0B; /*Brown color theme*/ 


color: white;


}





.modernbricksmenu2 a.selected{ /*currently selected tab*/


background-color: #D25A0B; /*Brown color theme*/ 


color: white;


border-color: #D25A0B; /*Brown color theme*/ 


}





/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */








.indentmenu{


font: bold 13px Arial;


width: 100%; /*leave this value as is in most cases*/


}





.indentmenu ul{


margin: 0;


padding: 0;


float: left;


/* width: 80%; width of menu*/


border-top: 1px solid darkred; /*darkred border*/


background: black url(indentbg.gif) center center repeat-x;


}





.indentmenu ul li{


display: inline;


}





.indentmenu ul li a{


float: left;


color: black; /*text color*/


padding: 3px 11px;


text-decoration: none;


border-right: 1px solid darkred; /*darkred divider between menu items*/


}





.indentmenu ul li a:visited{


color: black;


}





.indentmenu ul li a.selected{


color: black !important;


padding-top: 4px; /*shift text down 1px*/


padding-bottom: 2px;


background: black url(indentbg2.gif) center center repeat-x;


}