/*
Programmed By Mohammad Masoudian
09390058193
*/














































a,input,select,textarea,ul,li
{
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	-ms-transition:all 0.5s;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
body{
	background-image:url('../images/bg.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#8CF0FF;
	cursor:url('../images/cursor.cur'),default !important;
}
input[type=text]{
	cursor:url('../images/text.cur'),text !important;
}
textarea{
	cursor:url('../images/text.cur'),text !important;
}
input[type=submit],input[type=image]{
	cursor:url('../images/hand.cur'),pointer !important;
}
select{
	cursor:url('../images/hand.cur'),pointer !important;
}
a{
	color:#008aff;
	text-decoration:none;
	text-shadow:0px 0px 1px white;
	cursor:url('../images/hand.cur'),pointer !important;
}
a:hover{
	color:#006384;
}
p{
	line-height:25px;
	text-shadow:0px 0px 1px gray;
	font-size:13px;
}
hr {
    margin:10px;
	border: 0;
    height: 1px;
    background: #333;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,hsla(0,0%,0%,0)), color-stop(50%,hsla(0,0%,0%,.75)), color-stop(100%,hsla(0,0%,0%,0)));
    background: -webkit-linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0,0%,0%,0) 100%);
    background:    -moz-linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0,0%,0%,0) 100%);
    background:     -ms-linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0,0%,0%,0) 100%);
    background:      -o-linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0,0%,0%,0) 100%);
    background:         linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0,0%,0%,0) 100%);
}
input.textbox{
	color: #005159;
	font-size: 13px;
	border:1px #555 solid;
	padding:2px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#C6FAFF;
	background: -moz-linear-gradient(top,  #33B3BF 0%, #C6FAFF 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#33B3BF), color-stop(100%,#C6FAFF)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #33B3BF 0%,#C6FAFF 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #C6FAFF 0%,#33B3BF 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #C6FAFF 0%,#33B3BF 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #C6FAFF 0%,#33B3BF 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C6FAFF', endColorstr='#33B3BF',GradientType=0 ); /* IE6-9 */
}
select.select{
	color: #005159;
	font-size: 13px;
	border:1px #555 solid;
	padding:2px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-webkit-appearance: none;
	background-color:#C6FAFF;
	background: -moz-linear-gradient(top,  #33B3BF 0%, #C6FAFF 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#33B3BF), color-stop(100%,#C6FAFF)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #33B3BF 0%,#C6FAFF 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #C6FAFF 0%,#33B3BF 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #C6FAFF 0%,#33B3BF 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #C6FAFF 0%,#33B3BF 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C6FAFF', endColorstr='#33B3BF',GradientType=0 ); /* IE6-9 */
}
textarea{
	color: #005159;
	font-size: 13px;
	border:1px #555 solid;
	padding:2px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#C6FAFF;
	background: -moz-linear-gradient(top,  #33B3BF 0%, #C6FAFF 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#33B3BF), color-stop(100%,#C6FAFF)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #33B3BF 0%,#C6FAFF 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #C6FAFF 0%,#33B3BF 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #C6FAFF 0%,#33B3BF 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #C6FAFF 0%,#33B3BF 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C6FAFF', endColorstr='#33B3BF',GradientType=0 ); /* IE6-9 */
}
#wrapper{
	width:1024px;
	margin:0px auto;
}
#logo{
	height:130px;
	margin:0 auto;
	text-align:right;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:0px 0px 6px -4px navy;
	-moz-box-shadow:0px 0px 6px -4px navy;
	-webkit-box-shadow:0px 0px 6px -4px navy;
}
#logo img{
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:5px 5px;
	float:right;
}
#logo div{
	padding:0 20px;
	float:right;
}
#logo h1{
	color:#001F5E;
	font-size:30px;
	line-height:60px;
	direction:rtl;
	text-align:right;
	text-shadow:0px 0px 1px black;
}
#logo h2{
	color:#3558A0;
	font-size:20px;
	line-height:40px;
	direction:rtl;
	text-align:right;
	text-shadow:0px 0px 1px black;
}
#menu{
	background-color:white;
	height:40px;
	margin:5px auto;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:0px 0px 0px 1px Black;
	-moz-box-shadow:0px 0px 0px 1px Black;
	-webkit-box-shadow:0px 0px 0px 1px Black;
	text-align:center;
}
#menu-center{
	width:774px;
	float:right;
}
#menu-date{
	color:#333333;
	float:left;
	text-align:left;
	font-size:13px;
	padding:8px;
	text-shadow:0px 0px 1px gray;
}
#menu:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}
#menu > li { float: right }
#menu ul li{
	color:navy;
	padding:3px 20px;
	margin:3px;
	text-align:center;
	font-size:16px;
	float:right;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	position:relative;
	height:28px;
}
#menu a{
	color:#0058a2;
	text-decoration:none;
	font-size:16px;
	text-align:center;
}
#menu a:hover > li{
	color:#FFCC9E;
}
#menu ul ul{
    right: 0;
    position: absolute;
	padding-top:5px;
    top: 35px;
	display:none;
	z-index:10;
}
#menu li li{
	width:170px;
	background-color: #F39E4E;
	border-radius:5px;
	color:#0058a2;
	padding:5px 20px;
	margin:0px 0px;
	text-align:right;
	float:right;
	position:relative;
	top:0px;
	right:0px;
}
#menu ul ul ul{
    right: 100%;
    position: absolute;
    top: 0;
}
#menu li:hover > ul{ display: block }
#menu ul li:hover > a{
	color:#000000;
}
#menu ul li:hover{
	color:#0058a2;
	background-color: #c4e4ff;
}
#notifications{
	padding:10px;
	direction:rtl;
	text-align:center;
}
#help{
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-310px;
	margin-top:-70px;
	width:600px;
	height:100px;
	background-color:#00deff;
	border:4px solid white;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding:30px 10px 10px 10px;
	direction:rtl;
	display:none;
	z-index:1000000;
}
#help .close{
	position:absolute;
	top:0;
	right:0;
	cursor:pointer;
}
#help_button{
    position: fixed;
    top: 40%;
    left: 0px;
	background-color:white;
	font-size:25px;
	padding:3px 20px;
	border:1px #006384 solid;
	border-radius:0 10px 10px 0;
	-moz-border-radius:0 10px 10px 0;
	-webkit-border-radius:0 10px 10px 0;
	box-shadow: 0px 0px 1px navy inset;
	-moz-box-shadow: 0px 0px 1px navy inset;
	-webkit-box-shadow: 0px 0px 1px navy inset;
	text-shadow:0px 0px 1px black;
	cursor:url('/images/hand.cur'),pointer !important;
}
#help_button:hover{
	background-color:#abf5ff;
	border:1px #000 solid;
}
#main-body{
	background-color:rgba(255,255,255,0.7);
	margin:15px auto;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:0px 0px 0px 1px #00698C;
	-moz-box-shadow:0px 0px 0px 1px #00698C;
	-webkit-box-shadow:0px 0px 0px 1px #00698C;
	padding:10px;
}
#main-left{
	background-image:url('../images/bg3.jpg');
	background-repeat:repeat;
	width:760px;
	min-height:300px;
	float:left;
	padding:10px;
	text-align:right;
	direction:rtl;
	text-align:justify;
}
.tbl{
	background-color: white;
	font-size: 13px;
	border: 1px solid skyblue;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.tbl td{
	font-size: 13px;
	padding:4px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.tbl th{
	font-size: 13px;
	background-color: #00698C;
	font-weight:normal;
	padding:4px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.tbl .tr1 td{
	background-color:#EDFAFF;
}
.tbl .tr2 td{
	background-color:#C9F1FF;
}
.tbl .tr3 td{
	background-color:#A0E7FF;
}
.questionTable .td1 {
	width:35px;
}
.questionTable .td2 {
	width:30px;
}
.questionTable .td3 {
	width:730px;
}
.questionTable .tdDoubt {
	text-align:center;
	width:50px;
}

.correctTable, .correctTable p {
	text-shadow:0px 0px 1px gray;
}
.correctTable {
	background-color:#74BC5C;
}
.correctTable .th td {
	background-color:#74BC5C;
}
.correctTable .tr1 td {
	background-color:#BBEE99;
}
.correctTable .tr2 td {
	background-color:#CCF2C6;
}

.incorrectTable, .incorrectTable p {
	text-shadow:0px 0px 1px gray;
}
.incorrectTable {
	background-color:#CD5C5C;
}
.incorrectTable .th td {
	background-color:#CD5C5C;
}
.incorrectTable .tr1 td {
	background-color:#FF9999;
}
.incorrectTable .tr2 td {
	background-color:#FFA8A8;
}

.noanswerTable, .noanswerTable p {
	text-shadow:0px 0px 1px gray;
}
.noanswerTable {
	background-color:#DED717;
}
.noanswerTable .th td {
	background-color:#DED717;
}
.noanswerTable .tr1 td {
	background-color:#FFFF77;
}
.noanswerTable .tr2 td {
	background-color:#FFFF99;
}

.resultTable .td1 {
	width:35px;
}
.resultTable .td2 {
	width:30px;
}
.resultTable .td3 {
	width:935px;
}

.markTable{
	background-color: rgb(255, 255, 255);
	font-size: 13px;
	border: 2px solid #333333;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.markTable td,th {
	font-size:14px;
	padding:4px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.markTable th{
	background-color: #999999;
	font-weight:normal;
	padding:4px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.markTable .tr1 td{
	background-color:#CCCCCC;
}
.markTable .tr2 td{
	background-color:#F0F0F0;
}
.markTable .tr3 td{
	background-color:#888888;
}
.button{
	background-color:#CDFAFF;
	background: -moz-linear-gradient(top,  #32E6FF 0%, #CDFAFF 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#32E6FF), color-stop(100%,#CDFAFF)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #32E6FF 0%,#CDFAFF 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #CDFAFF 0%,#32E6FF 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #CDFAFF 0%,#32E6FF 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #CDFAFF 0%,#32E6FF 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CDFAFF', endColorstr='#32E6FF',GradientType=0 ); /* IE6-9 */
	padding:3px 20px;
	border:1px #006384 solid;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow: 0px 0px 1px navy inset;
	-moz-box-shadow: 0px 0px 1px navy inset;
	-webkit-box-shadow: 0px 0px 1px navy inset;
	text-shadow:0px 0px 1px black;
	cursor:url('/images/hand.cur'),pointer !important;
}
.button:hover{
	background-color:#abf5ff;
	background: -moz-linear-gradient(top,  #007e95 0%, #abf5ff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007e95), color-stop(100%,#abf5ff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #007e95 0%,#abf5ff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #abf5ff 0%,#007e95 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #abf5ff 0%,#007e95 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #abf5ff 0%,#007e95 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abf5ff', endColorstr='#007e95',GradientType=0 ); /* IE6-9 */
	border:1px #000 solid;
}
#countPanel{
	position:fixed;
	bottom:0;
	right:0;
	width:20%;
	height:40px;
	line-height:40px;
	background-color:white;
	text-align:center;
	direction:rtl;
	border:1px skyblue solid;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow: 0px 0px 1px navy inset;
	-moz-box-shadow: 0px 0px 1px navy inset;
	-webkit-box-shadow: 0px 0px 1px navy inset;
}
#answered{
	color:red;
}
#doubtPanel{
	position:fixed;
	bottom:0;
	left:0;
	width:79%;
	line-height:40px;
	display:none;
	background-color:white;
	border:1px skyblue solid;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow: 0px 0px 1px navy inset;
	-moz-box-shadow: 0px 0px 1px navy inset;
	-webkit-box-shadow: 0px 0px 1px navy inset;
}
.doubt{
	background-color:#CDFAFF;
	background: -moz-linear-gradient(top,  #32E6FF 0%, #CDFAFF 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#32E6FF), color-stop(100%,#CDFAFF)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #32E6FF 0%,#CDFAFF 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #CDFAFF 0%,#32E6FF 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #CDFAFF 0%,#32E6FF 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #CDFAFF 0%,#32E6FF 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CDFAFF', endColorstr='#32E6FF',GradientType=0 ); /* IE6-9 */
	width:35px;
	padding:3px;
	margin:4px;
	border:1px #006384 solid;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow: 0px 0px 1px navy inset;
	-moz-box-shadow: 0px 0px 1px navy inset;
	-webkit-box-shadow: 0px 0px 1px navy inset;
	text-shadow:0px 0px 1px black;
	cursor:url('/images/hand.cur'),pointer !important;
}
.doubt:hover{
	background-color:#abf5ff;
	background: -moz-linear-gradient(top,  #007e95 0%, #abf5ff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007e95), color-stop(100%,#abf5ff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #007e95 0%,#abf5ff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #abf5ff 0%,#007e95 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #abf5ff 0%,#007e95 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #abf5ff 0%,#007e95 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abf5ff', endColorstr='#007e95',GradientType=0 ); /* IE6-9 */
	border:1px #000 solid;
}
.headTitle{
	background-color:#CDFAFF;
	background: -moz-linear-gradient(top,  #32E6FF 0%, #CDFAFF 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#32E6FF), color-stop(100%,#CDFAFF)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #32E6FF 0%,#CDFAFF 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #CDFAFF 0%,#32E6FF 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #CDFAFF 0%,#32E6FF 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #CDFAFF 0%,#32E6FF 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CDFAFF', endColorstr='#32E6FF',GradientType=0 ); /* IE6-9 */
	width:90%;
	direction:rtl;
	padding:3px;
	margin:10px auto;
	font-size:17px;
	border:1px black solid;
	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	text-shadow:0px 0px 1px gray;
}
.lessonTitle{
	background-color:#FFFFFF;
	background: -moz-linear-gradient(top,  #F0F0F0 0%, #FFFFFF 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #F0F0F0 0%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #FFFFFF 0%,#F0F0F0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #FFFFFF 0%,#F0F0F0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #FFFFFF 0%,#F0F0F0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F0F0F0',GradientType=0 ); /* IE6-9 */
	width:80%;
	direction:rtl;
	padding:3px;
	margin:10px auto;
	font-size:17px;
	border:1px black solid;
	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	text-shadow:0px 0px 1px gray;
}
.upload {
	background-color:white;
	color:black;
	direction:rtl;
	width:500px;
	height:300px;
	text-align:center;
	border: 5px solid brown;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	position:fixed;
	left:50%;
	top:50%;
	margin-left: -250px;
	margin-top: -200px;
	display:none;
	z-index:999;
}
.preview {
	border: 2px white solid;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin: 10px auto;
}
#footer{
	background-color:white;
	margin:15px auto 50px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:0px 0px 0px 1px #00698C;
	-moz-box-shadow:0px 0px 0px 1px #00698C;
	-webkit-box-shadow:0px 0px 0px 1px #00698C;
}
#footer p{
	color:#281300;
	font-size:13px;
	text-align:center;
	padding:0px 20px;
	direction:rtl;
	text-shadow:0px 0px 1px gray;
}
#footer .copyright{
	color:red;
	text-align:center;
	padding:0px 20px;
	direction:rtl;
}
#footer .copyright img{
	padding:0px 5px;
}
#footer .copyright a{
	font-size:13px;
}