img {border:0}
form {margin:0}
body, html {margin:0; height:100%; background-color:#FFF;}


/* *, *:after, *:before{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;}*/
.bbox { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; }
.bbox-ct * { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; }

.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}
.clearfix:after{clear:both}

object:active, div:active, object:focus, div:focus{outline:none; -moz-outline-style:none;} 

body, table, input, button, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#363636; }

hr { height:1px; border:0; border-bottom:1px solid #cecece; }

/*a, a:visited { text-decoration:none; color:#76AF1B }*/
/*a:hover {text-decoration:none; color:#568210;}*/
/*a:active {color:#39a800}*/

/*a[href^="http://"], a[target="_blank"]*/
a.external { padding-right:13px; background:url(external.png) no-repeat right 1px; }

a.gray, a.gray:visited {color:gray}
a.gray:hover, a.gray:active {color:#008dc4}

th {font-weight:bold;}

p {margin:0}
.p26 { height:26px;}

h1,h2,h3,h4,h5,h6 {margin:2px 0}
h1 { font-size:26px; color:#4f4f4f; }
h2 { font-size:22px; color:#4f4f4f; }
h3 { font-size:18px; color:#4f4f4f;}
h4 { font-size:14px; color:#4f4f4f; }
h5 { font-size:12px; color:#4f4f4f;}

.fz10 { font-size:10px }

.inputc { border:0 !important; margin:0; width:15px !important; height:13px !important; vertical-align:text-bottom; }
.sm10{font-size:10px} .sm11{font-size:11px} .sm12{font-size:12px} .sm14{font-size:14px}
@media print{.noprint{display:none;}}

.xx-small { font-size:xx-small; }
.x-small { font-size:x-small; }
.small { font-size:small; }
.medium { font-size:medium; }
.large { font-size:large; }
.x-large { font-size:x-large; }
.xx-large { font-size:xx-large; }
.smaller { font-size:smaller; }
.larger { font-size:larger; }

/*input.text, select.text, textarea.text, input.button { border:1px solid #C7C6C4; -moz-border-radius:3px; }*/
/*input.text, input.button { height:17px; line-height:14px; padding-bottom:2px; padding-top:0; -moz-border-radius:3px; background-color:white; }*/

input.error, textarea.error { border: 1px solid red; background-color: #FFFCE2; background-image: url(../inc/forms/warning.gif); background-repeat:no-repeat; padding-left:16px; background-position:left; }
input.required, textarea.required { background-image: url(../inc/forms/required.gif); background-repeat:no-repeat; padding-left:16px; background-position:left; }
input.ready, select.ready, textarea.ready { background-image: url(../inc/forms/ready.gif); background-repeat:no-repeat; padding-left:16px; background-position:left; }
label.error { color:red; }


.win_gray { border:1px solid #404040; }
.win_gray th { height:19px; text-align:center; border:1px solid white; background:url(red_line.gif) repeat-x top; color:white; }
/*.win_gray td { padding:3px; }*/

/* Gray Button */
.gn { padding-right:36px; height:33px; background: url(r_plus.gif) no-repeat right; }
.gn .content { line-height:30px; padding-left:8px; height:33px; background: url(l_plus.gif) no-repeat left; font-size:16px;}


.b_left { width:180px; overflow:hidden; }
.b_left .title { background:url(http://studycorner.com/skin/t_block.gif) no-repeat center top; text-align:center; font-size:12px; color:#cc6600; font-weight:regular; padding: 5px 0 0 0; height:30px; font-weight:bold;} 
.b_left .content { color:#636363; padding:0px 5px; background:url(http://studycorner.com/skin/c_block.gif) no-repeat center top; border-left: 1px solid #6e96d5; border-right: 1px solid #6e96d5; font-size:11px;}


/* Round borders block */
.w1 .t, .w1 .t b, .w1 .b, .w1 .b b { display:block; height:7px; font-size:1px; overflow:hidden; background-image:url(w1tb.png); background-repeat:no-repeat; zoom:1; }
.w1 .t { background-position:left -7px; }
.w1 .t b { background-position:right -7px; margin-left:7px; }
.w1 .m { padding:0 7px; border-left:1px solid #cecece; border-right:1px solid #cecece; }
.w1 .b { background-position:left 0; }
.w1 .b b { background-position:right 0; margin-left:7px; }
.w1 h6 { color:#595959; font-size:12px; margin-top:0; margin-bottom:3px; text-align:right; }
.w1 .c { text-align:right; width:100%; overflow:hidden; }
.w1 .c ol { margin-bottom:0; }


/* Round borders block */
.w2 .t, .w2 .t b, .w2 .b, .w2 .b b { display:block; height:7px; font-size:1px; overflow:hidden; background-image:url(http://studycorner.com/skin/w2tb.png); background-repeat:no-repeat; zoom:1; }
.w2 .t { background-position:left -7px; }
.w2 .t b { background-position:right -7px; margin-left:7px; }
.w2 .m { padding:0 7px; border-left:1px solid #ed8d00; border-right:1px solid #ed8d00; }
.w2 .b { background-position:left 0; }
.w2 .b b { background-position:right 0; margin-left:7px; }
.w2 h6 { color:#179dd0; font-size:14px; margin-top:0; margin-bottom:3px; font-weight:normal; text-align:right; }
.w2 .c { text-align:right; width:100%; overflow:hidden; }
.w2 .c ol { margin-bottom:0; }


/* home blocks */
.wh { width:375px; height:114px; background:url(http://studycorner.com/skin/home_block.png) no-repeat; text-align:right; }
.wh .h { padding:2px 12px 2px 55px; color:#862e06; font-weight:bold; }
.wh .c { margin-left:3px; padding:0 12px; height:90px; overflow:hidden; 
	scrollbar-track-color:#fff; scrollbar-arrow-color:#3b0000; scrollbar-base-color:#e9e9e9; scrollbar-face-color:#e9e9e9; scrollbar-3dlight-color:white; scrollbar-darkshadow-color:white; scrollbar-highlight-color:white; scrollbar-shadow-color:white;
 }


/* button */
a.b1, a.b1:visited { color:#065a8a; font-size:11px; text-align:center; margin-top:4px; background:url(http://studycorner.com/skin/b1.gif) no-repeat; display:block; width:91px; height:17px; line-height:16px; overflow:hidden; text-decoration:none;}
a.b1:hover, a.b1:active { color:#0097a4; text-decoration:none; }

input.b1 { color:#065a8a; background:url(http://studycorner.com/skin/b1.gif) no-repeat; width:91px; height:17px; line-height:16px; padding-bottom:3px; border:0; }


/*
a.b2, a.b2:visited { background:url(http://studycorner.com/skin/b2.png) no-repeat; display:block; height:25px; overflow:hidden; padding-left:10px; text-decoration:none;}
a.b2:hover, a.b2:active { background-position:0% -25px; cursor:default; text-decoration:none; }
a.b2 div { background:url(http://studycorner.com/skin/b2.png) no-repeat top right; height:25px; text-align:center; padding-top:3px; padding-right:10px; text-decoration:none; color:black; }
a.b2:hover div, a.b2:active div { background-position:100% -25px; }
*/

#topmenu { width:360px; }
#topmenu a, #topmenu a:visited { color:#3099ff; padding-left:7px; line-height:20px; background:url(tm_line.gif) no-repeat left middle; font-weight:regular; font-size:14px; text-decoration:none; }
#topmenu a:hover, #topmenu a:active { color:#39a800; text-decoration:none; }

#lowmenu { }
#lowmenu a, #lowmenu a:visited { color:#2c2c2c; padding-left:15px; line-height:20px; font-weight:regular; font-size:14px; text-decoration:none; }
#lowmenu a:hover, #lowmenu a:active { color:#000000; text-decoration:none; }


/* right menu */
#rm { display:block; width:160px; margin-right:0px; }
#rm, #rm ul, #rm li { list-style:none; padding:0; margin:0; overflow:hidden; }
#rm li a, #rm li a:visited { color:#044f7d; height:21px; line-height:21px; padding:0px 23px 0 5px; margin-bottom:2px; text-align:right; background:url(http://studycorner.com/skin/rm_btn.gif) no-repeat right top; text-decoration:none; overflow:hidden; font-weight:regular; font-size:12px; display:block; }
#rm a:hover, #rm a:active, #rm a.on { color:#ff9701 !important; }
/* right menu - sub menu */
#rm ul a, #rm ul a:visited { color:#044f7d; text-align:right; background:#fafafa url(http://studycorner.com/skin/menu_sub.gif) no-repeat right 1px; display:block; border-bottom:1px solid white; width:155px; height:20px; text-decoration:none; padding:0 10px 0 0; overflow:hidden; font-weight:normal;}
#rm ul a:hover, #rm ul a:active, #rm ul a.on { color:#044f7d !important; background-color:#f2f2f2 !important; }
/* right menu - sub-sub menu */
/* #rm ul li li a, #rm ul li li a:visited { color:black; padding:4px 15px 4px 0; height:1%; margin-right:20px; } */


/* user left menu */
#lm, #lm ul, #lm li { list-style:none; padding:0; margin:0; overflow:hidden; }
#lm li a, #lm li a:visited { 
	width:157px; display:block; overflow:hidden;  border-top:1px solid #E9E9E9;
	height:33px; padding:8px 0 0 31px;
	font-size:14px; color:#5b6b8c; text-align:left; text-decoration:none; 
	background-position:2px 4px; background-repeat:no-repeat;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;
}
#lm a:hover, #lm a:active, #lm a.on { color:#568210 !important; }
/* right menu - sub menu 
#lm ul a, #lm ul a:visited { color:#044f7d; text-align:right; background:#fafafa url(http://studycorner.com/skin/menu_sub.gif) no-repeat right 1px; display:block; border-bottom:1px solid white; width:155px; text-decoration:none; padding:0 10px 0 0; overflow:hidden; font-weight:normal;}
#lm ul a:hover, #lm ul a:active, #lm ul a.on { color:#044f7d !important; background-color:#f2f2f2 !important; }
*/
/* right menu - sub-sub menu */
/* #lm ul li li a, #lm ul li li a:visited { color:black; padding:4px 15px 4px 0; height:1%; margin-right:20px; } */


.form { border-collapse:collapse; border:1px solid #a7a6aa; -moz-border-radius:3px;}
.form th { background:#dfe4e8; padding:2px; color:#000; }
.form .button { border:1px solid #a7a6aa; -moz-border-radius:3px; background: url(http://studycorner.com/skin/top_menu.gif) repeat-x center; font-weight:bold; }

/*.t_form input.text, .t_form select { height:20px; line-height:20px; }*/
.t_form textarea, .t_form select {  }
.t_form input {}


.t_list { border-collapse:collapse; }
.t_list th { background:#6f191e; color:white; padding:1px 3px; border-left:1px solid #fce48b; }
.t_list td { border-bottom:1px solid #E0E0E0; padding:2px 3px; }


.t-green { border-spacing:0; }
.t-green thead { background:#a7bc18 url(t-green-head.png) no-repeat top center; font-size:100%; color:#ffffff; }
.t-green th { padding:0 2px 1px 4px; height:24px; font-weight:bold; text-align:left; }
.t-green th.first { background:url(t-green-head.png) no-repeat top left; padding-left:5px }
.t-green th.last { background:url(t-green-head.png) no-repeat top right; }
.t-green td { border-bottom:1px solid #E0E0E0; padding:2px 3px; }

.t-green.border { border:1px solid #62a01c; }
.t-green.border thead { background:url(t-green-head.png) no-repeat center -1px; font-size:110%; color:#ffffff; }

.t-green-round { border-spacing:0; border:1px solid #62a01c; border-top-left-radius:5px;  border-top-right-radius:5px; }
.t-green-round thead {
	background: #79b32e;
	background: -moz-linear-gradient(top, #aadc5a 0%, #609e19 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aadc5a), color-stop(100%,#609e19));
	background: -webkit-linear-gradient(top, #aadc5a 0%,#609e19 100%);
	background: -o-linear-gradient(top, #aadc5a 0%,#609e19 100%);
	background: -ms-linear-gradient(top, #aadc5a 0%,#609e19 100%);
	background: linear-gradient(to bottom, #aadc5a 0%,#609e19 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aadc5a', endColorstr='#609e19',GradientType=0 );
}
.t-green-round th { padding:2px 3px; font-weight:bold; color:white; }
.t-green-round td { border-bottom:1px solid #E0E0E0; padding:2px 3px; }
.t-green-round thead:first-child tr:first-child > th:first-child,
.t-green-round tbody:first-child tr:first-child > td:first-child,
.t-green-round tbody:first-child tr:first-child > th:first-child { border-top-left-radius:4px; }

.t-green-round thead:first-child tr:first-child > th:last-child,
.t-green-round tbody:first-child tr:first-child > td:last-child,
.t-green-round tbody:first-child tr:first-child > th:last-child { border-top-right-radius:4px; }

/*
.tabcontainer { clear:left; width:100%; height:21px; background-color:#E0EBFC;  background:url(http://studycorner.com/skin/tabs2.png) repeat-x left bottom; }
.tabcontent   { display:none; color:#4E5AC0; padding-right:10px; line-height:18px; }
*/

/* Round borders block */
.w2 .t, .w2 .t b, .w2 .b, .w2 .b b { display:block; height:7px; font-size:1px; overflow:hidden; background-image:url(http://studycorner.com/skin/w2tb.png); background-repeat:no-repeat; zoom:1; }
.w2 .t { background-position:left -7px; }
.w2 .t b { background-position:right -7px; margin-left:7px; }
.w2 .m { padding:0 7px; border-left:1px solid #ed8d00; border-right:1px solid #ed8d00; }
.w2 .b { background-position:left 0; }
.w2 .b b { background-position:right 0; margin-left:7px; }
.w2 h6 { color:#179dd0; font-size:14px; margin-top:0; margin-bottom:3px; font-weight:normal; text-align:right; }
.w2 .c { text-align:right; width:100%; overflow:hidden; }
.w2 .c ol { margin-bottom:0; }

/* Form */
.form_st, .form_st .c, .form_st .b, .form_st .b b { zoom:1; background-image:url(form_st.gif); background-repeat:no-repeat; }
.form_st { background-position:right top; }
.form_st .t { font-size:14px; font-weight:regular; margin-top:8px; margin-bottom:10px; text-align:center; color:#ffffff; }
.form_st .c { background-position:left top; margin-right:10px; overflow:hidden; padding-right:0px; padding-bottom:5px; padding-left:10px; padding-top:0px; }
.form_st .b { background-position:left bottom; }
.form_st .b b { background-position:right bottom; display:block; height:4px; margin-left:4px; padding-right:0px; padding-left:0px; padding-top:1px; font-size:1px; }
.form_st input.button { color:#576789; width:100px; height:31px; border:1px solid #C7C6C4; background: url(l_plus.gif) no-repeat center; font-size:16px; margin-right:10px; }

/*
.form_st input, select { background-color: #ffffff; height:19px; border:1px solid #b0b9ca; font-size:12px; color:#d97c00; }
.form_st textarea { background-color: #ffffff; border:1px solid #b0b9ca; font-size:12px; color:#d97c00; }
.form_st input.radio { color:#576789; background-color: #ffffff; height:19px; border:0px solid #ffffff; font-size:12px; color:#d97c00; }
*/

.title-green { background:url(t-green-head.png) no-repeat top left; padding-left:7px; font-size:14px; }
.title-green b { background:url(t-green-head.png) no-repeat top right; height:24px; line-height:24px; width:100%; display:block; color:#ffffff; zoom:1; }


.tresults { border-top:0px solid #CCCCCC; border-bottom:0px solid #CCCCCC; font-size:12px }
.tresults th { background:#C5DEFF url(http://studycorner.com/skin/th.gif) repeat-x; padding:2px 0 2px 0; border:1px outset; font-size:11px }
.tresults tr { text-align:center; }
.tresults td.on { background:#FDFFBE; }
.tresults td.selected { background:#FDFFBE url(http://studycorner.com/skin/cellon.png) repeat-x 0 0; }
.tresults td.disc { background:#FDFFBE url(http://studycorner.com/skin/cellon.png) 0px -25px repeat-x; text-align:right; font-size:11px; }
.tresults td.split { border-top:1px solid #C0C0C0; border-bottom:1px solid #C0C0C0; overflow:hidden;}
.tresults input { height:17px; }


.fld { background:url(http://studycorner.com/skin/fldset.png) no-repeat left top; direction:ltr; width:100%; }
.fld h1 { background:url(http://studycorner.com/skin/fldset.png) no-repeat right top; line-height:14px; margin:0 0 0 9px; text-align:right; padding-right:11px }
.fld h1 span { color:#4E5AC0; font-size:10px; padding:2px; direction:rtl; }
.fld div.br { background:url(http://studycorner.com/skin/fldset.png) no-repeat right bottom; width:100%; }
.fld div.bl { background:url(http://studycorner.com/skin/fldset.png) no-repeat bottom left; margin-right:9px; padding:0 0 5px 9px; height:1%; direction:rtl; border:0px solid red }

.fldset_bg { background:url(http://studycorner.com/skin/fldset_bg.png) repeat-x; border-bottom:1px solid #C0C0C0; }


ul#topmenu { margin:0; padding:0; border:0 none; list-style:none; background:url(http://studycorner.com/skin/tm_bg.gif) no-repeat top right; height:38px; width:575; }
ul#topmenu li { padding-right:10; margin:0; border:0 none; display:inline; list-style:none; float:right; /*For Gecko*/ }
ul#topmenu li a, ul#topmenu li a:visited { display:block; background:url(http://studycorner.com/skin/bullet.gif) no-repeat right 12px; color:#ffffff; padding:9px 15px 9px 2px; font-weight:bold; text-decoration:none; font-size:12px }
ul#topmenu li a:hover, ul#topmenu li a:active { color:#669900; text-decoration:none; }
ul#topmenu li a div { padding-top:0px; text-align:right; }


.itemFull {border:1px solid #84aa2c; padding:10px; background-color:#e0ecfc; zoom:1}
.itemFull h3 {margin:0 0 10px 0; font-size:16px; color:#005000 }
.itemFull h4 {margin:0 0 10px 0; font-size:14px; color:#005000 }
#itemImg img {border:1px solid #cecece; }
.img_s {border:0px solid #cecece; }


.smblock { width:230px; background-color:#ffffff;}
.smblock .t { height:33px; text-align:center; padding-top:5px; font-size:15px; color:#1c4587; background:url(http://studycorner.com/skin/top_lb.jpg) no-repeat right top;}
.smblock .c { text-align:center; padding:5px; border-right:1px solid #1976ad; border-left:1px solid #1976ad;}

.mblock { width:290px; background-color:#ffffff;}
.mblock .t { height:29px; text-align:right; padding-top:6px; padding-right:20px; font-size:14px; color:#179dd0; background:url(http://studycorner.com/skin/top_mb.jpg) no-repeat right top; font-weight:bold;}
.mblock .c { text-align:center; padding:5px; border-right:1px solid #1976ad; border-left:1px solid #1976ad;}

.lrblock { width:487px; background-color:#ffffff;}
.lrblock .t { height:29px; text-align:right; padding-top:6px; padding-right:90px; font-size:14px; color:#179dd0; background:url(http://studycorner.com/skin/top_cb.gif) no-repeat right top; font-weight:bold;}
.lrblock .c { text-align:center; padding:5px; border-right:1px solid #1976ad; border-left:1px solid #1976ad;}

/*
td.hl {h: expression(
	this.onmouseover=new Function("this.className += ' hover';"),
	this.onmouseout =new Function("this.className = this.className.replace(' hover', '')")
);}
td.hl:hover, td.hl.hover {
	background-color:#FDFFBE;
}*/


.tf label { padding-right:10px; zoom:1; display:-moz-inline-box; }
.tf label.required { background:url(../inc/forms/required.gif) no-repeat right -1px;  }

.tf input.error, .tf textarea.error { border:1px solid red; background:#FFFCE2 url(../inc/forms/warning.gif) no-repeat left 2px !important; padding-left:16px; }
.tf textarea.error { border:1px solid red; background:#FFFCE2 url(../inc/forms/warning.gif) no-repeat left top !important; padding-left:16px; }
.tf label.error { color:red; }
.tf .radios { vertical-align:middle; padding:1px; border:1px solid #B7CFE3; zoom:1 }
.tf .radios label { margin:1px 0 1px 3px; zoom:1 }


.tip_head {width:300px; background:#fff2d9; border:1px solid #e98a00; color:#004e98; border-bottom:0; font-weight:bold; padding:1px 3px; }
.tip_body {width:300px; background:#fffaf0; border:1px solid #e98a00; padding:3px;  }



.x-combo-list-item {min-height:16px; line-height:16px; padding:1px; }
.ext-ie .x-combo-list-item {height:18px;}

.add	{background-image:url(icons/add.gif) !important;}
.edit 	{background-image:url(icons/edit.gif) !important;}
.delete	{background-image:url(icons/delete.gif) !important;}
.trash	{background-image:url(icons/trash.gif) !important;}
.grid	{background-image:url(icons/grid.gif) !important;}
.users	{background-image:url(icons/users.gif) !important;}

/*Password strength meter*/
#passwordStrength { height:10px; display:block; float:left;}
.strength00 { width:30px; background:#ffffff;}
.strength0 { width:30px; background:#cccccc;}
.strength1 { width:50px; background:#ff0000;}
.strength2 { width:100px; background:#ff5f5f;}
.strength3 { width:150px; background:#56e500;}
.strength4 { background:#4dcd00; width:200px;}
.strength5 { background:#399800; width:250px;}

.abl { background: url(l_plus.gif) no-repeat left top; padding-left:10px; font-size:16px;}
.abr { background: url(r_g_btn.gif) no-repeat left top; width:15px}


#cb-viewer {
	width:100%; height:700px;
	border:1px solid gray;
}
#cb-viewer.fullscreen {
	position:fixed;
	top:0; right:0; bottom:0; left:0;
	width:100%; height:100%;
}


/* Tutoring List */
.tt-list {}

.tt-list .tutor {
	border:1px solid silver;
	border-radius:5px;
	padding:10px;
	margin-bottom:15px;
}
.tutor .title { font-size:120%; margin-bottom:5px; font-weight:bold; color:#669900; }
.tutor .date { font-size:90%; color:gray; margin-bottom:5px; }
.tutor .desc { margin:10px 0; }
.tutor .sessions {}




/* ExtJs fixes */

.x-body {
	color: #303030;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
}
.x-ie78 .x-window-header-default-top-bc {height:0;}

.x-btn:hover, .x-btn:focus { text-decoration:none;}

input[type="text"].x-form-text{
	font-size: 12px;
	line-height: 22px;
	padding:1px 3px;
	margin-bottom:0;
	border-radius:5px;
	background-color:white;
	cursor:default;
	-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;
}
/*.x-form-item label.x-form-item-label { margin-bottom:0; font-size:12px; }*/

.x-boundlist-item { min-height: 22px; }
.x-form-trigger-wrap { border-radius:4px; }
.x-trigger-cell { background:none; }
.x-form-trigger { background-color:#f3f3f3; border-radius:4px; }
.x-window-header-default-horizontal .x-tool-after-title { margin-left:-1px !important; }

.x-panel-header-default-framed .x-header-body, .x-window-header-body { background:#516185 url(win-gloss.png) no-repeat left top; border:1px solid #516185; text-align:center; padding:4px 7px;}
.x-form-trigger-wrap-focus .x-form-trigger-wrap { border-color:#687695; }
/*============*/



.cliplist {  }
.cliplist .clip {
	width:210px; height:150px; overflow:hidden;
	background:#ddd;
	padding:5px;
	float:left;
	margin:8px;
	border-radius:5px;
}
.cliplist.active .clip { cursor:hand; cursor:pointer; }
.cliplist .clip .img-ct { height:118px; position:relative; text-align:center; background:#171717; }
.cliplist .clip .img-ct img { max-height:100%; max-width:100%; }
.cliplist .clip .play-btn {
	position:absolute; top:5px; left:5px; width:30px; height:30px; background:url(js/mediaelement/play-small1.png) no-repeat center; opacity:0.1;
	-webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3 ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;
}
.cliplist .clip:hover .play-btn { opacity:0.8; }
.cliplist .clip .title { margin-top:4px; height:30px; line-height:15px; overflow:hidden; }


/*.ext-ntf { position:absolute; left:50%; top:10px; width:400px; margin-left:-200px; z-index:20000; border-radius:8px; -moz-border-radius:8px; background:#F6F6F6; border:2px solid #ccc; margin-top:2px; padding:10px 15px; color:#555; }*/


.x-grid .wrap .x-grid-cell-inner { white-space:normal; }
.x-grid .wrapall .x-grid-cell-inner { white-space:normal; word-break:break-all; }

.x-grid .date .x-grid-cell-inner { color:gray; font-size:90%; padding-left:0; padding-right:0; }
.x-grid.wc-attachments .x-grid-rowbody { margin-top:-2px; padding:0 5px; color:#555; }
.x-grid.wc-attachments .x-action-col-icon { margin-right:5px; }
.x-grid-row-alt .x-grid-td { background-color: #f8f8f8; }


.media-heading {
	line-height:20px;
}

.thumb-wrap {
	position: relative;
	overflow: hidden;
	display: inline-block;
}
.video-time {
	position:absolute; right:2px; bottom:4px;
	padding:0 4px;
	line-height:14px;
	font-size:11px; font-weight:bold;
	color:#fff; background:#000;
	display:inline-block; *display:inline; zoom:1;
	opacity:0.75; filter:alpha(opacity=75);
}

.input-append input { height:30px; }

.logo_line {height:77px; background: url(top_mn_bg.png) repeat-x center top;}
.logo_line2 {width:990px; text-align:left; height:77px;}
.logo {width:345px; float:left}
.login {width:390px; float:right; margin-top:25px;}
.login_title {width:60px; float:left; color:#5e5d5a; margin-top:6px; font-size:14px;}
.login_form {width:330px; float:left;}

.login_form input, .login_form input:focus {
	width:143px;
	height:29px;
	float:left;
	background:url(login_input_bg.png) no-repeat center top;
	padding-left:10px;
	border:0px;
	color:#5e5d5a;
	margin-right:6px;
	-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;
}
.login_form .log {width:26px; height:26px; float:left; background:none; margin:0px; padding:0px; }
.forgot_pass {color:#5e5d5a; margin:0px 0 0 219px; font-size:10px;}


.header_main {height:415px; background: url(top_bg.jpg) no-repeat center top;}
.header_main2 {width:990px; text-align:left; height:415px; padding-left:127px;}
.registration_btn {padding:67px 0 41px 0}

.header_pages {height:155px; background: url(top_pages.jpg) no-repeat center top;}
.header_pages2 {width:990px; text-align:left; height:155px; padding-left:0px;}
.registration_btn2 {padding:63px 0 0px 0}
.youtube_intro {padding:0 0 0 10px}

.tools {height:425px;}
.tools2 {width:990px; text-align:left; height:375px; margin-top:50px;}
.tool {float:left; width:240px; height:375px; background: url(side_sh.png) no-repeat right 75px; padding-left:5px;}
.tool .title {font-size:24px; font-weight:bold}
.tool .title2 {font-size:24px;}
.tool .text {font-size:12px; padding:20px 20px 20px 0; height:45px;}
.tool .img {height:134px; vertical-align:bottom;}
.tool .more {padding-top:10px;}

.tools3 {width:990px; text-align:left; margin-top:25px;}
.tools3_pic {width:819px; height:470px; text-align:left;  background: url(make_the_d2.png) no-repeat center top}
.tool3a {width:265px; height:470px; float:left; text-align:right; padding-top:52px;}
.tool3b {width:272px; height:470px; float:left; text-align:right; padding-top:0px;}
.tool3c {width:278px; height:470px; float:left; text-align:right; padding-top:76px;}

.footer { height:50px; background: url(footer.png) repeat-x center top; margin-top:30px;}
.footerb {width:990px; text-align:center; padding-top:19px;}
.footerb a { margin:0 20px; color:#555e1b;}