/*********************************** Reset BEGIN ***********************************/
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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*********************************** Reset END ***********************************/

* {
	padding: 0;
	margin: 0;
}

body {
	background: #ffffff;
	font-family: Arial;
	color: #333333;
	margin: 0;
	padding: 30px 0 0 0;
	direction: rtl;
}

* html body {
	overflow: hidden;
}

/* Clear fix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/*********************************** General ***********************************/
a {
	color: #ff51af;
	text-decoration: underline;
}
a:hover {
	color:#fff !important;
	background-color:#ff51af;
	text-decoration: none;	
}
img {
	border: 0px;
}

/*********************************** modal ***********************************/
.modal {
	position: absolute;
	top: 0;
	left: 0;
}
.modal .screen-blocker {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	-moz-opacity: 0.3;
	filter: alpha(opacity=30);
	z-index: 100;
}
.modal .wrap {
	position: absolute;
	width: 300px;
	height: 400px;
	background: #f4fdee url(../images/common/blocker/bg.gif);
	z-index: 101;
}
.modal .wrap .content {
	background: white;
	position: absolute;
	top: 30px;
	right: 30px;
}
.modal .btn-close {
	position: absolute;
	bottom: 4px;
	right: 30px;
}
/*********************************** bppi ***********************************/
.bppi {
	position: absolute;
	top: 0;
	right: 0;
	display: none;
}
.processing .bppi {
	display: block;
}
.bppi .blocker {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	-moz-opacity: 0.3;
	filter: alpha(opacity=30);
	z-index: 50;
}
.bppi .loading {
	background: url(../images/common/loading.gif) no-repeat 50% 50%;
	width: 100%;
	height: 100%;
	z-index: 100;
}
/*********************************** cute frame ***********************************/
.cute-frame .wrap {
	background: #f4fdee url(../images/common/blocker/bg.gif);
	padding: 20px;
}
.cute-frame .wrap .content {
	border: 1px solid #F4FDEE;
	background: white;
}
/*********************************** form ***********************************/
.form {
}
.form .field {
	margin-bottom: 20px;
}
.form .field label {
	float: right;
	border-bottom: 1px dotted #bbb;
	margin-left: 6px;
}
.form .field .input {
	float: right;
}
.form .field p {
	font-size: 0.8em;
	color: #666;
}

/*********************************** global classes ***********************************/
.size-small {
	font-size: 0.7em;
}
.no-bg {
	background: transparent !important;
}

/*********************************** sticky-header ***********************************/
#sticky-header {
	font-size: 0.8em;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 32px;
	background: #ff51af url(../images/common/sticky-header/bg.gif) repeat-x;
	color: #ffffff;
	z-index: 100;
	border-bottom: 2px solid #f8fef5;
	text-align: center;
}
#sticky-header .wrapper {
	width: 980px;
}
@media screen {
	body > div#sticky-header {
		position: fixed;
	}
}
#sticky-header a {
	color: White;
	letter-spacing: 0;
}
/*********************************** sticky-header END ***********************************/

/*********************************** Main menu BEGIN ***********************************/
ul.main-menu {
	border-bottom:2px solid #FF51AF;
	margin-bottom:20px;
}
ul.main-menu li {
	float:right;
	margin-left:10px;
}
ul.main-menu li a {
	background:#ff51af;
	color:#fff;
	display:block;
	padding:3px 8px;
	text-decoration:none;
}
ul.main-menu li.strong a {
	background:#e4f9d4;
	color:#ff51af;
}
ul.main-menu li.selected a,
ul.main-menu li a:hover {
	background:#f943a6;
	line-height:30px;
	margin-top:-14px;
	color:#fff;
}

/*********************************** Buttons ***********************************/
.btn-close {
	display: block;
	padding-right: 14px;
	height: 20px;
	line-height: 18px;
	background: url(../images/common/icn_x.png) no-repeat right center;
}
a.btn-close:hover {
	background-color:Transparent;
	color:#FF51AF !important;
}
.form .btn-submit {
	display: block;
	padding: 0 4px;
	background: #ff51af;
	color: White;
	text-align: center;
	height: 20px;
	line-height: 18px;
	width: 60px;
	text-decoration: none;
}
.form .btn-submit:hover {
	text-decoration: none;
	background: #e4f9d4;
	color: #ff51af !important;
}

/*********************************** Messages ***********************************/
.msg {
	position: absolute;
	z-index: 200;
	background: url(../images/common/msg_arrow.gif) right center no-repeat;
	padding-right: 7px;
}
.msg .msg-content {
	display: block;
	color: white;
	background: #f943a6;
	padding: 5px;
	min-width: 150px;
	max-width: 250px;
}

/*********************************** Log in ***********************************/
#login {
	padding: 6px 0;
}
#login ul {
	float:right;
	width:50%;
}
#login ul li {
	float:right;
	margin-left:10px;
}
#login ul li.login {
	width: 390px;
}
#login .toolbar .title {
	float: right;
	margin-left: 10px;
	letter-spacing: 0.3em;
}
#login .toolbar .my-courses {
	position:relative;
}
#login .toolbar .my-courses .the-courses {
	display:none;
	position: absolute;
	top: 13px;
	right: 0px;
	background-color: #fbfef9;
	border: 1px solid #e4f9d4;
	text-align: right;
	width: 130px;
	padding: 10px;
}
#login .toolbar .my-courses .selected .the-courses {
	display: block;
}
#login .toolbar .my-courses .the-courses a {
	color: #ff51af;
}
#login .toolbar .my-courses .the-courses ul {
	width: auto;
}
#login form {
}
#login label {
	float: right;
	margin: 0 0 0 4px;
}
#login input {
	background: #ff51af;
	border: 1px solid #ffffff;
	color: #ffffff;
	float: right;
	margin: 0 0 0 10px;
	width: 110px;
	height: 18px;
}
#login .default {
	text-align: right !important;
	color: #ffa1d4;
	font-size: 12px;
	line-height: 17px;
}
#login .send {
	display: block;
	float: right;
	border: 1px solid #ffffff;
	height: 18px;
	padding: 0 4px 0 4px;
	text-decoration: none;
	line-height: 16px;
	margin: 0 0 0 6px;
}
#login .bppi .blocker {
	background: #FF51AF;
}
#login .bppi .loading {
	width: 32px;
	height: 32px;
	background: url(../images/common/loading_dark.gif) no-repeat;
	position: absolute;
	top: -6px;
	left: 0;
	
}
#login .links {
	float: left;
}
#login .links a {
	color: #ffedf7;
	font-size: 0.9em;
	float: left;
	margin-right: 10px;
}

/*********************************** register ***********************************/
.register .form {
	padding: 10px;
}
.register .form .field label {
	width: 120px;
}
.register .form .field .input {
	width: 150px;
}

/*********************************** text page ***********************************/
.text-page {
	font-size: 1.2em;
}
.text-page h2 {
	border: 0px;
	font-size: 1.5em;
	margin: 0 0 20px 0;
	font-weight: normal;
}
.text-page p {
	margin: 0 0 20px 0;
	color: #9DAC92;
}
.text-page .visual {
	width: 124px;
	height: 233px;
	background: url(../images/visuals/talmidonet.png) no-repeat;
	float: left;
	margin: 0 100px 10px 50px;
}
.text-page p img {
	vertical-align: middle;
}

/*********************************** Container ***********************************/
#container {
	text-align: center;
	position: relative;
}
* html div#container {
	height: 100%;
	overflow: auto;
}

/*********************************** Wrapper ***********************************/
.wrapper {
	width: 980px;
	margin: auto;
	position: relative;
}

/*********************************** Header ***********************************/
#header {
	background: url(../images/common/header/bg.gif) repeat-x top center;
	height: 90px;
	padding: 16px 0 0 0;
	margin-bottom: 20px;
}
#header h1 {
	text-align: right;
	font-size: 0.9em;
	color: #9DAC92;
}
#header h1#logo a {
	display: block;
	width: 276px;
}
#header h1#logo a:hover {
	background:transparent;
}
#header .star {
	width: 161px;
	height: 161px;
	display: block;
	position: absolute;
	background: url(../images/home/star.png) no-repeat 0px -160px;
	top: 0px;
	left: -30px;
	z-index:10;
}
#header .star:hover {
	width: 161px;
	height: 161px;
	background-position: 0px 0px;
	top: -13px;
	left: -30px;
}

/*********************************** Content ***********************************/
#content {
	text-align: right;
	padding: 0 0 100px 0;
}

#content .layout-left {
	float: left;
	width: 68%;
}

#content .layout-right {
	float: right;
	width: 30%;
}

#content .layout-right .box {
	margin-bottom: 20px;
}
#content .layout-right .box .form .field label {
	width: 80px;
}
#content .layout-right .form .field {
	margin-bottom: 5px;
}
#content .layout-right .forum-link {
}
#content .layout-right .forum-link a {
	margin: 0 0 10px 0;
	padding: 20px;
	background: #FF51AF;
	text-align: center;
	color: White;
	font-weight: bold;
	text-decoration: none;
	display: block;
}

/*********************************** Footer ***********************************/
#footer {
	height: 170px;
	background: url(../images/common/footer/bg.png) repeat-x;
	width: 100%;
	padding: 60px 0 0 0;
	font-size: 0.7em;
}

/*********************************** Headers ***********************************/
h2 {
	margin: 40px 0 0 0;
	color: Black;
	font-size: 2em;
	color: #FF51AF;
	margin: 0 0 40px 0;
}
h2 .description {
	margin: 0;
	color: #9dac92;
	font-size: 0.5em;
	font-weight: normal;
}

h3 {
	color: #ff51af;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #ff51af;
}

/*********************************** Table Design ***********************************/
table {
	width: 100%;
	border-collapse: collapse;
}
thead th {
	text-align: right;
	color: #9dac92;
}
tr {
	border-bottom: 1px solid #e4f9d4;
}
td {
	padding: 8px 0;
}
tr.odd {
	background: #f8fef5;
}

/*********************************** Stuff ***********************************/
.sep {
	height: 40px;
}

/*********************************** Box **************************************/
.box {
}
.box-plain {
	border: 1px solid #e4f9d4;
	padding: 5px;
	background: #effbe5;
}
.box-plain .title {
	text-align: center;
	color: #ff51af;
	padding-bottom: 5px;
	letter-spacing: 5px;
}
.box-plain .content {
	padding: 5px;
}
/*********************************** Upload ***********************************/
.flButton {
    display:block;
    font-weight:bold; 
    text-decoration:none; 
    text-align:center; 
    width:120px; 
    padding:5px; 
    height:25px; 
    background:#808080; 
    color:#fff;}

.progressWrapper {
	width: 357px;
	overflow: hidden;
}
.progressContainer {
    margin: 2px; 
    padding: 3px; 
    border: 1px solid #808080; 
    background: #F7F7F7 url( '../images/file-upload/GreyStatus.gif' ) top repeat-x; 
    overflow: hidden; }
.red { 
    border: 1px solid #BC6013; 
    background: #BC6013 url('../images/file-upload/RedStatus.gif') top repeat-x; }
.green /* Current */ 
{
	border: solid 1px #CBEB55;
	background: #CBEB55 url('../images/file-upload/GreenStatus.gif') top repeat-x;
}
.blue /* Complete */
{
	border: solid 1px #7FADFD;
	background:#7FADFD url('../images/file-upload/BlueStatus.gif') top repeat-x;
}

.progressName {
	font-size: 8pt;
	font-weight: bold;
	color: #555555;	
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}
.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0px;
	width: 0%;
	height: 10px;	
	background: url('../images/file-upload/BlackProgressBar.gif') bottom repeat-x;
	margin-top: 2px;
}
.progressBarComplete {
	width: 100%;
	visibility: hidden;
}
.progressBarError {
	width: 100%;
	visibility: hidden;
}
.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Verdana;
	text-align: left;
	white-space: nowrap;
}
a.progressCancel,
a.progressCancel:link,
a.progressCancel:active,
a.progressCancel:visited,
a.progressCancel:hover
{
	font-size: 0px;
	display: block;
	height: 16px;
	width: 16px;
	background: url('../images/file-upload/CancelButton.png') 0px 0px no-repeat;
	float: right;
}
a.progressCancel:hover 
{
	background-position: 0px 0px;
}
/*********************************** upload - details ***********************************/
.material-details-page .file .fields {
	padding: 10px;
}
.material-details-page .file .head {
	background: #F4FDEE;
	padding: 10px;
	margin-bottom: 10px;
	text-align: left;
	direction: ltr;
}
.material-details-page .file label {
	width: 120px;
}

/*********************************** material - view ************************************/
.material .object {
	border: 1px solid #FF51AF;
}
.material .comments {
	margin-top: 20px;
}
.material .material-comments {
	margin-top: 40px;
}

/*********************************** forum ***********************************/
.comments .btn-add-comment {
	display: block;
	width: 85px;
	margin: 0 0 16px 0;
}
.comments .comment {
	margin: 0 0 2px 0;
	font-size: 0.8em;
	border-bottom: 1px solid #e4f9d4;
}
.comments .comment a {
	color: #828b7b;
}
.comments .header {
	padding: 4px;
}
.comments .level0 {
	margin: 20px 0 0 0;
}
.comments .level0 .header {
	background: #e4f9d4;
}
.comments .comment .push {
	float: right;
	height: 14px;
	background: url(../images/forum/bullets.png) no-repeat 5px -27px;
}
.comments .level0 .push {
	background-position: 5px 3px;
}
.comments .no-body .push {
	background-position: 5px -57px;
}
.comments .comment .title {
	float: right;
	margin: 0 0 0 10px;
}
.comments .comment .student {
	float: right;
}
.comments .comment .student a {
	text-decoration: none;
	font-weight: bold;
}

.comments .comment .student a.admin {
	font-weight: bold;
	color: #FF51AF;
}
.comments .comment .student a.guest {
	font-weight: normal;
}
.comments .comment .datetime {
	float: left;
	color: #c4d6b6;
}
.comments .comment .details {
	display: none;
	padding: 4px;
}
.comments .comment .details .inner {
}
.comment .buttons {
	margin: 20px 0 20px 0;
}
.comment .buttons .btn-respond {
	
}
.comments .level0 .push { width: 20px; } .comments .level0 .details .inner { margin-right: 20px; }
.comments .level1 .push { width: 40px; } .comments .level1 .details .inner { margin-right: 40px; }
.comments .level2 .push { width: 60px; } .comments .level2 .details .inner { margin-right: 60px; }
.comments .level3 .push { width: 80px; } .comments .level3 .details .inner { margin-right: 80px; }
.comments .level4 .push { width: 100px; } .comments .level4 .details .inner { margin-right: 100px; }
.comments .level5 .push { width: 120px; } .comments .level5 .details .inner { margin-right: 120px; }
.comments .level6 .push { width: 140px; } .comments .level6 .details .inner { margin-right: 140px; }
.comments .level7 .push { width: 160px; } .comments .level7 .details .inner { margin-right: 160px; }
.comments .level8 .push { width: 180px; } .comments .level8 .details .inner { margin-right: 180px; }
.comments .level9 .push { width: 200px; } .comments .level9 .details .inner { margin-right: 200px; }
.comments .level10 .push { width: 220px; } .comments .level10 .details .inner { margin-right: 220px; }

/*********************************** add-comment ***********************************/
.add-comment .original {
	padding: 10px;
	margin: 10px;
	background: #e4f9d4;
}
.add-comment .original strong {
	font-size: 12px;
}
.add-comment .original .title {
	margin: 10px 0 10px 0;
}
.add-comment .original .details {
	font-size: 12px;
	margin: 0 0 10px 0;
}
.add-comment .original .body {
	height: 80px;
	overflow: hidden;
}
.add-comment .form {
	padding: 10px;
}
.add-comment .form label {
	width: 120px;
}
.add-comment .form input {
	width: 320px;
}
.add-comment .form textarea {
	width: 320px;
	height: 100px;
}
.add-comment .form .btn-submit {
	float: left;
}
/*********************************** list ***********************************/
.list .more {
	margin: 20px 0 0 0;
	font-weight: bold;
	font-size: 0.9em;
}
.list .more a {
	color: Black;
}
/*********************************** login page ***********************************/
.login-page {
}
.login-page .login {
	float: right;
	width: 45%;
	margin: 0 0 0 5%;
}
.login-page .login #frmLogin {
	padding: 10px;
}
.login-page .login .field label {
	width: 120px;
}
.login-page .registerw {
	float: right;
	width: 50%;
}
.login-page .content {
	height: 280px;
}
/*********************************** new-material-page ***********************************/
.new-material-page .progress-container {
	direction: ltr;
	float: left;
	width: 50%;
}
.new-material-page .content {
	padding: 20px;
}