html {
	scrollbar-arrow-color: #87cd15;
	scrollbar-3dlight-color: #dddddd;
	scrollbar-darkshadow-color: #dddddd;
	scrollbar-face-color: #dddddd;
	scrollbar-shadow-color: #FFFFFF;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	/*margin: 0px 0px 0px 0px;*/
	color: #000000;
	font-size: 12px;
	text-align: center; 
	padding: 0; 
	margin: 0;
}


.lang {
	direction: rtl;
}

.alignSide{
	text-align: right;
}

.alignCenter{
	text-align: center;
}

.alignEnglish{
	text-align: left;
}

.fixAlignRight{
	margin-right: auto;
}

/* LINKS */

a.blackNu, a.blackNu:visited, a.blackNu:hover, a.blackNu:active {
	color: #000000;
	text-decoration: none;	
}

a.blackNu:hover {
	color: blue;
	text-decoration: none;	
}

a.blue, a.blue:visited, a.blue:hover, a.blue:active {
	color: blue;
	text-decoration: underline;	
}

a.white, a.white:visited, a.white:hover, a.white:active {
	color: white;
	text-decoration: underline;	
}

input.myBtn
{
	color: #fff;
	font-family:Arial,helvetica,sans-serif;
	font-size:11px;
	width: 110px;
	font-weight:bold;
	background-color: #b0bed3;
	border:2px solid #607080;
}

input.myBtnNew
{
	background-color: #cc0000;
}

input.myBtnHov 
{
   color : #fff;
   background : #87cd15;
   cursor: pointer; 
}


/* top menu */
.topMenu {
	margin: 5px 0px;
	width: 100%;
	border: 1px #525252 solid;
	border-left: 0;
	border-right: 0;
	background-color: #87cd15;
	color: #ffffff;
	font-weight: bold;
	padding: 2px 0px;
}
.topMenu1 {
	font-size:12px;
	text-align: right;
	padding: 3px 0px;
	background-color: #ececec;
	border-width: 0px 0px 1px 0px;
	border-color: #525252;
	border-style: solid;
	margin-top: -5px;
	width: 100%;
	font-weight: bold;
}

.hide {
	height: 15px; 
	display: none;
	margin: 0;
	padding: 0;
}

.topMenuMore {
	margin-top: 0px;
}

.topMenuBorder {
	border-top: 1px;
	border-color: #525252;
	border-style: solid;
}

/* TITLES */
h1 {
	font-weight: bold;
	text-decoration:none;
	display: inline;
	font-size: 12px;
	background: #dd88cc; 
	color: #fff;
}

h2 {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
	display: inline;
}

h3 {
	font-size: 13px;
	font-weight: bold;
	display: inline;
	border-bottom: 1px dashed #dddddd;
}

h4 {
	color: red;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
	display: inline;
}

h5 {
	color: #1188dd;
	font-size: 13px;
	font-weight: bold;
	text-decoration:none;
	display: inline;
}

h6 {
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	text-decoration:none;
	display: inline;
}

.owlBubble{
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	text-decoration:none;
}

td {
	padding: 0px;
	margin: 0px;
	/*border: 1px #525252 solid;*/
	text-align: right;
}

.mainImage {
	float: right;
	border: 0px;
}

.mainText {
	margin-left: 5px; 
	margin-right: 5px; 
	margin-top: 15px; 
	font-size: 12px;
	text-align: right;
}

td.mainMenu {
	background: #f0f0f0;	
	border-left:1px solid #b0bed3;
}

td.sideMenu {
	background: #ffffff;	
	border-right:1px solid #b0bed3;
}

.blueDiv {
	background: #b0bed3;	
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	line-height: 23px;
	color: #fff;
}

.greenDiv {
	background: #87cd15;	
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	line-height: 23px;
	color: #fff;
}

.darkgrayDiv {
	background: #607080;	
	text-align: center;
	font-size: 12px;
	line-height: 23px;
}

.imageDiv {
	margin: 5px 0px 5px 0px;
	text-align: center;
}

.sideDiv {
	margin: 10px 5px 0px 5px;
	padding: 0;
	font-size: 12px;
}

.previewDiv {
	margin: auto;
	padding: 0;
	text-align: center;
	width: 100px;
	height: 100px;
}

.inlineDiv {
	font-size: 12px;
	padding: 7px;
	text-align: right;
}

.whiteText {
	color: #ffffff;
	font-size: 11px;
}

.charCount {
	font-size: 10px;
}


/* FORMS */
input, textarea {
	font-weight: normal;
	font-size: 12px;
	color: #3e3e3e;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #f4f4f4;
	border: 1px #8c9bae solid;
}

select {
	font-weight: normal;
	font-size: 12px;
	color: #3e3e3e;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #f4f4f4;
	border: 0px;
}

.fixBorder {
	border: 1px #8c9bae solid;
}

.checkBox {
	font-weight: normal;
	background: #f3f3f3; 
	border: 0px;
}

.formSubmit {
	cursor: pointer; 
	padding: 0px;
	background-color: #87cd15; 
	font-size: 12px; 
	border: 1px outset #d7b9c9;
	height: 20px;
	padding: 0px 0px 8px 0px;
	width: 50px;
	font-weight: bold;
	color: #fff;
}

.formTable {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	margin-right: -2px;
}

.formLabelError{
	font-size: 12px;
	font-weight: bold;
	padding-right: 2px;
	color: red;
	border-bottom: 1px dashed #dddddd;
	height: 20px;
}

.formLabel{
	font-size: 12px;	
	font-weight: bold;
	padding-right: 2px;
	border-bottom: 1px dashed #dddddd;
	height: 20px;
}

/* result table */
.resultTitle {
	margin: 5px 0px;
	width: 100%;
	border: 1px #525252 solid;
	border-left: 0;
	border-right: 0;
	background-color: #87cd15;
	color: #ffffff;
	font-weight: bold;
	padding: 2px 0px;
}

#resultTable {
	color: #000;
	border-collapse: collapse;
	margin-top: 5px;
	width: 100%;
	font-size: 12px;
	font-weight: bold;
	background-color: #f0f0f0;
}

#resultTable .topA {
	border-top: 1px #cfcfcf solid;
	padding-right: 3px;
	line-height: 18px;
	direction: ltr;
	width: 25%;
}

#resultTable .topB {
	border-top: 1px #cfcfcf solid;
	width: 45%;
}

#resultTable .topC {
	border-top: 1px #cfcfcf solid;
	text-align: left;
	padding-left: 3px;
	width: 30%;
}

#resultTable .bot {
	border-top: 1px #e8e8e8 solid;
	padding-right: 2px;
	background-color: #fff;
	font-weight: normal;
	line-height: 20px;
}

#resultTable .main {
	font-weight: normal;
	background-color: #fff;
	color: #000;
	padding-right: 2px;
	padding: 0 0 10px 0;
}


#rowTable{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #ffffff;
	background-color: #ececec;
	/*border-collapse: collapse;*/
	width: 100%;
	margin: auto;
}
#rowTable .row1{
	background-color: #e6e6ff;
	color: #000000;
	padding: 2px;
	border: 1px #ffffff solid;
	direction: rtl;
	line-height: 16px;
}
#rowTable .row2{
	background-color: #ededed;
	color: #000000;
	padding: 2px;
	border: 1px #ffffff solid;
	direction: rtl;
	line-height: 16px;
}
#rowTable .header{
	background-color: #87cd15;
	color: #ffffff;
	padding: 4px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	border: 1px #ffffff solid;
	direction: rtl;
	line-height: 16px;
}

/* ----------- for online users ------------ */
.qubeBorder {
	border: 1px #d9d9d9 solid;
	margin: 3px 2px 0px 2px;
	padding: 0px;
}
.qubeTitle {
	padding: 2px 0px; 
	height: 17px; 
	font-size: 13px;
	font-weight: bold;
	background: #f3f3f3;
	text-align: center;
}
#online {
	width: 133px; 
	background-color: #FFF;
	margin: 0;
	padding: 0;
}
#online .male {
	background: #dfecf9;
}
#online .female {
	background: #f8dce9;
}
#online .row {
	padding: 1px 2px 0px 2px;
	height: 16px; 
	font-size: 11px;
	text-align: right;
	border-top: 1px #FFF solid;
	border-bottom: 1px #d9d9d9 solid;
}


/* ----------- for calendar------------ */
#calendar {
	border: 1px #d9d9d9 solid;
	margin: 3px 2px;
}
#calendar td {
	width: 19px; 
	height: 20px; 
	font-size: 11px;
	border: 0;
	background: #f3f3f3;
	text-align: center;
}
#calendar .blank {
	background: #fff;
}
#calendar .month {
	color: #000; 
	font-weight: bold; 
	margin-top: 3px; 
	font-size: 12px; 
	text-align: center;
	background: #b0bed3;
}
#calendar .month a{
	text-decoration: none
}
#calendar .dayHead {
	color: #fff; 
	font-weight: bold; 
	font-size: 11px; 
	text-align: center;
	background: #dd88cc;
}
#calendar .calendar-prev, table.calendar .calendar-next {
	font-weight: normal;
}
#calendar td.linked-day {
	font-size: 11px;
}
#calendar acronym {
	border: 0px;
	cursor: help;
}

#calendar .today {
	font-weight: bold;
	font-size: 11px;
}

/* ----------- for download frame------------ */
.contentDesc {
	line-height: 11px;
	font-size: 10px;
	border: 0px;
	height: 35px;
	width: 100px;
	padding: 1px;
	margin-top: 2px;
	background-color: #e6e6e6;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Cool Menu <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


#coolmenu{
border: 0px solid black;
width: 146px;
background-color: #f0f0f0;
margin: auto;
margin-top: 5px;
text-align: right;
}

#coolmenu a{
font: normal 12px Verdana, Arial;
padding: 3px;
padding-left: 4px;
display: block;
width: 100%;
color: black;
text-decoration: none;
border-bottom: 1px dashed black;
}

html>body #coolmenu a{ /*Non IE rule*/
width: auto;
}

#coolmenu a:hover{
background-color: #bcc5ce;
color: white;
}