/*
  The original tutorials Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com
*/

 /* General page style. The scroll bar colours only visible in IE5.5+ */
body {
    margin: 0px auto;
	scrollbar-face-color: #DEE3E7;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DEE3E7;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color:  #006699;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #98AAB1;
}

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color : #006699; }
a:hover		{ text-decoration: underline; color : #DD6900; }
hr	{ height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}


/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: #FFFFFF; border: 1px #98AAB1 solid; }

/* This is the outline round the main forum tables */
.forumline	{ background-color: #FFFFFF; border: 2px #006699 solid;  }


/* Main table cell colours and backgrounds */
td.row1	{ background-color: #EFEFEF; 
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
    -moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px; }
td.row2	{ background-color: #DEE3E7; }
td.row3	{ background-color: #D1D7DC; }


/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
		background-color: #FFFFFF;
		background-image: url(images/cellpic2.jpg);
		background-repeat: repeat-y;
		-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
    -moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: #FFA34F; font-size: 11px; font-weight : bold;
	background-color: #006699; height: 25px;
	background-image: url(images/cellpic3.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			background-image: url(images/cellpic1.gif);
			background-color:#9cddff; border: #9cddff; border-style: solid; height: 28px;
			-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
    -moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
}


/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
	height: 29px;
	border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	font-weight: bold; 
	border: #9cddff; 
	border-style: solid; 
	height: 28px; 
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
    -moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px; }
td.row3Right,td.spaceRow {
	background-color: #D1D7DC; border: #9cddff; border-style: solid; }

th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow	 { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right	 { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft	  { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop	 { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }


/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2	{
			font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none; line-height : 120%; color : #000000;
}


/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #006699; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #DD6900; text-decoration: underline; }


/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size : 11px; color : #000000 }
a.mainmenu		{ text-decoration: none; color : #006699;  }
a.mainmenu:hover{ text-decoration: underline; color : #DD6900; }


/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #006699}
a.cattitle		{ text-decoration: none; color : #006699; }
a.cattitle:hover{ text-decoration: underline; }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: 12px; color : #006699; }
a.forumlink 	{ text-decoration: none; color : #006699; }
a.forumlink:hover{ text-decoration: underline; color : #DD6900; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: bold; font-size: 11px; color : #000000;}
a.nav			{ text-decoration: none; color : #006699; }
a.nav:hover		{ text-decoration: underline; }


/* titles for the topics: could specify viewed link colour too */
.topictitle			{ font-weight: bold; font-size: 11px; color : #000000; }
a.topictitle:link   { text-decoration: none; color : #006699; }
a.topictitle:visited { text-decoration: none; color : #5493B4; }
a.topictitle:hover	{ text-decoration: underline; color : #DD6900; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ font-size : 11px; color : #000000;}

/* Location, number of posts, post date etc */
.postdetails		{ font-size : 10px; color : #000000; }


/* The content of the posts (body of text) */
.postbody { font-size : 12px;}
a.postlink:link	{ text-decoration: none; color : #006699 }
a.postlink:visited { text-decoration: none; color : #5493B4; }
a.postlink:hover { text-decoration: underline; color : #DD6900}


/* Quote & Code blocks */
.code {
	font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}


/* Copyright and bottom info */
.copyright		{ font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright		{ color: #444444; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}


/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #DEE3E7; border-style: none; }


/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");

/* -- ???? ????????? -- */

html, body {
	background:url(images/background.png) repeat-x;
	background-color: #d8f1ff;
	margin-top: 0px;
	font-family: Verdana,Georgia,sans-serif;
	font-size: 12px;
	color: #004577;
	text-decoration: none;
	font-style:normal;
}

/* --- ????????? ?? ????????? --- */
a:link { font-style: normal; text-decoration:none; color:#c810ba; }
a:hover { color: #0a79ad; text-decoration:none; }
a:visited { color: #000000; text-decoration:none; }

/* --- ??????? ?? ????? ??????? ?? ????????????  --- */

b {
	margin-left: 30px;
	margin-right: 10px;
}

a { cursor: pointer; }
a.green-txt { color: #00FF00; }
a.red-txt { color: #FF0000; }

.inline { display: inline; }

/* --- ???????? --- */
h3 {
	font-family: "Lucida Sans Unicode", "Lucida Grande";
	color: #333333;
	font-size: 14px;
	margin: 0px 0px 0px 0px;
}

h4 {
	color: #000000;
	font-size: 14px;
}

h5 {
color: red;
}

/* --- ????? --- */
blockquote {
	margin-left: 2em;
	margin-right: 2em;
	padding: 1em 1em 1em 1em;
	background-color: #FFFFFF;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #00A2DE;
	border-left: 1px solid #00A2DE;
}

.bottom-corner {
	-webkit-border-bottom-left-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-bottomleft: 7px;
    -moz-border-radius-bottomright: 7px;
}

.special-corner {
	-webkit-border-top-left-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-bottomright: 7px;
    -moz-border-radius-topleft: 7px;
}

.all-corner {
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
    -moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
}

/* --- ??????? ?? input ?????? --- */

/* ???????? ?????? */
.inputt {
	padding: 3px;
	height: 25px;
	border: 1px solid #ccc;
	width: auto;
	margin-right: 5px;
	background-color: white;
}

.inputt:focus {	
	border: 1px solid #2b78ca;
	background-color: #f5faff;
}

.inputt:hover {	
	border: 1px solid #00A2DE;
	background-color: #f5faff;
}

.txt-options {
	text-align: center;
	margin-top: 10px;
	width: 100%;
	height: auto;
}

/* ???? ?? ?????????????? ????? */

select.inputt{
	height: 25px;
	width: 178px;
}

/* ??????????? */

img {
    border: none;
}

/* ????? */
.submit {
    color: #5c5e5f;
    font-size: 12px;
	text-align: center;
    background: url(images/sb.png) no-repeat; 
	cursor: pointer;
	border: 0px;
	height: 28px;
	white-space: pre;
	width: 80px;
	padding: 0;
}

/* ???? ?? ??????? */
.search {
    color: #5c5e5f;
    font-size: 12px;
	text-align: center;
    background: url(images/search_btn.gif) no-repeat; 
	cursor: pointer;
	border: 0px;
	height: 24px;
	white-space: pre;
	width: 24px;
	padding: 0;
}

.login{
	margin-left: 20px;
}

hr { outline: 1px solid #D9F0FC; border: none; }

/* --- ???? ?? ?????? ????????? --- */


/* --- ??????? ?? ????? --- */

/* ----------------------- */


/* --- ?????? --- */
#container {
	margin: 0 auto;
	padding: 0;
	width: 950px;
	position: relative;
}

#feedback {
	background: url(images/feedback.png) no-repeat;
	position: fixed;
	width: 27px;
	height: 155px;
	left: 0;
	top: 200px;
	cursor: pointer
}

/* ???????? ???? */

#header {
	background: url(images/top.png) no-repeat;
	border-bottom: 10px solid rgba(208, 236, 255, 0.5);
	border-left: 10px solid rgba(208, 236, 255, 0.5);
	border-right: 10px solid rgba(208, 236, 255, 0.5);
	margin-bottom: 35px;
	width: 950px;
	height: 115px;
}

/* ???? */
#header .menu {
	background: url(images/menu.png) repeat-x;
	border: 2px solid #fff;
	bottom: 0px;
	width: 946px;
	height: 20px;
	position: relative;
	padding-top: 5px;
	padding-bottom: 1px;

}

#header .menu ul {
    padding: 0px;
    margin: 0px;
    border-right: 10px solid #000;
  }
  
#header .menu li {
    list-style: none;
    float: left;
    font-size: 12px;
	border-right: 1px solid #cc9fff;
 }

#header .menu li a {
      padding-top: 5px;
      padding: 5px 10px;
      color: #004577;
      text-decoration: none;
}

#header .menu li a:hover {
    color: #00A2DE;
}

/* ???? ?? ?????? */ 

/* ???? */
.logo {
    margin-left:35px;
	border: none;
	background: url(images/Logo.png) no-repeat;
	height: 85px;
	width: 400px;
}

#search {
   margin-right: 5px;
   margin-top: 10px;
   float: right;
   width: 250px;
   height: 24px;
}

#social_icons {
   position: relative;
   left: 255px;
   margin-right: 5px;
   margin-top: 43px;
   float: right;
   width: 250px;
   height: 24px;
}

/* ?????? ???? */
#main-content {
	width: 950px;
	height: auto;
}

/* ???? ??????? */


#left-column {
	width: 190px;
	min-height: 100px;
	height: auto;
	font-size: 12px;
	float: left;
	margin-right: 30px;
	margin-bottom: 25px;
}

/* ????????? */

.categories  ul {
	padding: 0px;
	margin: 0px;
	margin-top: 15px;
}

.categories ul li{
	list-style: none;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	margin-left: 3px;
	margin-top: 1px;
}

.categories ul li ol {
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
	display: none;
}

.categories ul li ol li {
	list-style: none;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	margin-left: 0px;
	margin-top: 1px;
}

.categories ul li ol li a {
	padding-top: 10px;
	padding-left: 40px;
	display: block;
	background: url(images/sub_cat_btn.png) no-repeat;
	width: 154px;
	height: 22px;
	color: #004577;
    text-decoration: none;
}

.categories ul li a {
	padding-top: 10px;
	padding-left: 20px;
	display: block;
	background: url(images/cat_btn.png) no-repeat;
	width: 174px;
	height: 22px;
	color: #004577;
    text-decoration: none;
}

.categories ul li a:hover {
    background: url(images/cat_btn_hover.png) no-repeat;
	color: #00A2DE;
}

/* ???????? ??????? */

#main-column {
	font-size: 13px;
	width: 700px;
	height: auto;
	margin-left: 250px;
	position: absolute;
}

#main-column a {
   text-decoration: none;
}

/* ???????? ??????? ? ??????? */

#big-box {
	width: 700px;
	height: auto;
	background: #f8f8f8;
	border: 10px solid rgba(208, 236, 255, 0.5);
	margin-bottom:  20px;
	padding-bottom: 3px;
}

#big-box .top {
	border: 1px solid #5593b9;
	width: auto;
	height: auto;
	position: relative;
	top: 0px;
	text-align:center;
	color: #0e76b2;
	font-size: 13px;
	font-weight: 700;
	background: #ccecfe;
	padding-right: 10px;
	padding-top: 5px;
	text-shadow: 1px 1px 0 #fff;
	padding-bottom: 3px;
	margin: 5px;
	cursor: move;
	opacity: .70;
}

#big-box .content {
	margin: 10px;
}

#tabs {
	border: 10px solid rgba(208, 236, 255, 0.5);
	width: 495px;
}

#tabs .top {
	color: #0e76b2;
	font-size: 12px;
	text-shadow: 1px 1px 0 #fff;
}

/* ???????? */

.comment {
	width: 494px;
	height: auto;
	margin-left: 15px;
	position: relative;
}

.comment .top {
	width: 494px;
	background: url(images/comment_top.png) no-repeat;
	text-shadow: 1px 1px 1px rgba(255,255,255,.9);
	text-align: center;
	font-size: 12px; 
	padding-top: 5px;
	font-weight: bold;
	color: #436e8b;
	text-transform: uppercase;
}

.comment .content {
	width: 494px;
	padding-top: 10px;
	background: url(images/comment-content.png) repeat-y;
	padding-left: 30px;
	padding-right: 30px;
}

.comment .bottom {
	width: 924px;
	background: url(images/comment-bottom.png) no-repeat;
	height: 33px;
	padding-top: 25px;
	padding-left: 20px;
	color: #989898;
	font-size: 13px;
}

/* ??????? */

#box {
	width: 200px;
	height: auto;
	background: #fff;
	border: 10px solid rgba(208, 236, 255, 0.5);
	margin-bottom:  20px;
	padding-bottom: 3px;
}

#box .top {
	border: 1px solid #5593b9;
	width: auto;
	height: auto;
	position: relative;
	top: 0px;
	text-align:center;
	color: #0e76b2;
	font-size: 13px;
	font-weight: 700;
	background: #ccecfe;
	padding-right: 10px;
	padding-top: 5px;
	text-shadow: 1px 1px 0 #fff;
	padding-bottom: 3px;
	margin: 5px;
	cursor: move;
	opacity: .70;
}

#box .content {
	margin: 10px;
}

.top .options{
	font-size: 14px;
	right: 6px;
	top: 4px;
	position: absolute;
	display: inline;
	cursor: pointer;
	display: inline-block;
	margin-left: 15px;
}

.ui-sortable-placeholder { 
	border: 1px dotted black; 
	visibility: visible !important; 
	height: 50px !important;
	width: 215px !important;
	margin-bottom: 20px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
    -moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
}

.loader { display: none; }

.ui-sortable-placeholder * { visibility: hidden; }

#option { margin: 3px; }

/* ????? ??????? */

#right-column {
	float: right;
	width: 200px;
	font-size: 13px;
	height: auto;
}

/* ?????????? ?????? */

#list ul {
	margin: 0px;
	padding: 0px 0px 0px 5px;
	list-style: none;
}

#list ul li{
	display: block;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
#list ul li li{
	display: block;
	margin-left: 15px;
	padding: 0px;
}

#list ul li a{
	padding: 0px 0px 0px 15px;
	margin: 0px;
	color: #000000;
	text-decoration: none;
	color: #004577;
	background: url(images/dot.png) center left no-repeat;
}

/* ???? ?????????? ?????? */
#sec-list ol {
	margin: 0px;
	padding: 10px 0px 0px 5px;
	list-style: none;
}

#sec-list ol li{
	display: block;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#sec-list ol li a{
	padding: 0px 0px 0px 20px;
	margin: 0px;
	color: #000000;
	text-decoration: none;
	color: #004577;
	background: url(images/tick.gif) center left no-repeat;
}

#footer {
	font-size: 12px;
    width: 980px;
	padding-top: 32px;
	text-align: center;
    background-color: #eee;
    color: #555;
	height: 45px;
    -webkit-border-bottom-left-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-bottomleft: 7px;
    -moz-border-radius-bottomright: 7px;
	position: absolute;
	bottom: 0px;
}
#footer a {
    color: #333333;
}

.note {
	width: 550px;
	height: auto;
	padding: 15px;
	margin: 0px auto;
	margin-top: -15px;
	margin-bottom: 10px;
	border: 10px solid rgba(251, 236, 136, 0.5);
	display: none;
	text-align: center;
}

.btn {
	display: inline-block;
	background: url(btn.bg.png) repeat-x 0px 0px;
	padding: 5px 10px 6px 10px;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
	font-size: 10px;
	border: 1px solid rgba(0,0,0,0.4);
	-moz-border-radius: 5px;
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	cursor: pointer;
}

.blue		{background-color: #CCCCCC; color: #141414;}
.blue:hover	{background-color: #ccecfe;}

.green		{background-color: #CCCCCC; color: #141414;}
.green:hover	{background-color: #8aff00; color: #ffffff;}

/* --- ???? ?? ??????? --- */
.tut {
	background-position: bottom left;
	padding: 10px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

.tut.hovered {
	border: 1px thin #BFBFBF;
}

a.tut_image {
	padding: 5px;
	display: block;
	float: left;
	border: 1px dashed #BFBFBF;
	padding: 3px;
}
a.tut_image img {
	width: 100px;
	height: 100px;
	border: 0px;
}
.tut .tut_desc {
	width: 315px;
	font-size: 13px;
	float: right;
}
.tut .tut_desc .tut_title {
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
}

.tut .tut_desc .tut_title a {
	color: #2b78ca;
	margin: 0px;
	padding: 0px;
	font-size: 15px;
	font-weight: normal;
	border-bottom: 1px solid #97c8eb;
}
.tut .tut_desc .tut_title a:hover {
	color: #ff5300;
	border-bottom: 1px solid #ffb221;
}
.tut_cat a:hover {
	color: #195faa;
}

.options-bar {
	width: auto;
	height: auto;
	display: none;
	margin-top: 5px;
}

.icon { cursor: pointer; }

.tut_other {
	font-size: 11px;
	color: #9b9b9b;
	background-image: url('images/user.png');
	background-repeat: no-repeat;
	background-position: 0px 1px;
	margin-top: 5px;
	padding-left: 20px;
	padding-top: 1px;
}

.tut_other a {
	font-size: 11px;
	color: #2b78ca;
}

.tut_other a:hover {
	color: #195faa;
}

.tut_other b {
	color: #555;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

.tut_author img{
	margin-bottom: -1px;
}

/* --- ???? ?? ????? ?? ??????? --- */

.clear {
	clear:both;
	font-size:0px;

}

.back {
    border: 0px;
}

/*--- ??????? ?? ????????? ??? ?????? --- */
.star-rating{
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 125px;
	height: 25px;
	position: relative;
	overflow: hidden;
	background: url(images/alt_star.png) top left repeat-x;		
}

.star-rating li{
	padding:0px;
	margin:0px;
	width: 25px;
	height: 25px;
	float: right;
}

.star-rating li a{
	display: block;
	width:25px;
	height: 25px;
	line-height:25px;		
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	overflow:hidden;
}

.star-rating li a:hover{
	background: url(images/alt_star.png) left bottom;
	z-index: 2;
	left: 0px;
	border:none;
}

.star-rating a.one-star{
	left: 0px;
}

.star-rating a.one-star:hover{
	width:25px;
}

.star-rating a.two-stars{
	left:25px;
}

.star-rating a.two-stars:hover{
	width: 50px;
}
.star-rating a.three-stars{
	left: 50px;
}

.star-rating a.three-stars:hover{
	width: 75px;
}

.star-rating a.four-stars{
	left: 75px;
}	
.star-rating a.four-stars:hover{
	width: 100px;
}

.star-rating a.five-stars{
	left: 100px;
}

.star-rating a.five-stars:hover{
	width: 125px;
}

.star-rating li.current-rating{
	background: url(images/alt_star.png) left center;
	position: absolute;
	height: 25px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}
	
/* remove halo effect in firefox   */
a:active{
	outline: none;
}

/* --- ??????? --- */

table.reference
{
	border:1px solid #c3c3c3;
	border-collapse:collapse;
	margin-top: 0px;
}

table.reference th
{
	background-color:#e5eecc;
	border:1px solid #c3c3c3;
	padding:3px;
	padding-top: 0px;
	margin-top: 0px;
}

table.reference td 
{
	border:1px solid #c3c3c3;
	padding:3px;
	padding-top: 0px;
	margin-top: 0px;
}

table.ex
{
	color:#000000;
	background-color:#fafaf6;
	border:1px solid #d4d4d4;
	border-collapse:collapse;
}

table.ex th, table.ex td 
{
	padding:3px;
	border:1px solid #d4d4d4;
}

table.code
{
	color:#000000;
	border:1px solid #d4d4d4;
	padding:5px;
	background-color:#e5eecc;
}

table.code td
{
	background-color:#FFFFFF;
	border:1px solid #d4d4d4;
	padding:2px;
}

table.tip
{
	color:#000000;
	background-color:#ffffff;
	font-size: 100%;
	border:1px solid;
}

table.db
{
	color:#000000;
	background-color:#ffffff;
	font-size:100%;
}

th.db
{
	color:#000000;
	background-color:#f1f1ed;
}

/* ????? ??????????? ??????? */

.feedback {
	width: auto;
	height: auto;
	border: 10px solid rgba(208, 236, 255, 0.5);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 15px;
	margin-top: 25px;
}

.del-feedback {
	background: url(images/icons/ex.png) no-repeat;
	width: 32px;
	height: 32px;
	float: right;
	cursor: pointer;;
}

.content-header {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

table.project {
	text-align: center;
	margin: 0px auto;
}

table.project td{
	line-height: 30px;
	border-bottom: 1px dashed #BFBFBF;
}

.project-name {
	font-weight: bold;
	padding-right: 35px;
	color: #004577;
}

.project-name a {
	text-decoration: none;
}

.project-author {
	font-size: 13px;
	text-decoration: none;
	border-right: 1px solid #00A4FF;
	max-width: 50px;
}