/* This is the style sheet of http://www.xeuse.com 

If your reading this, then I hope you find it useful and learn something from it. - Keep creating.

*/

body {
	background-color: #393C44;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

	scrollbar-3dlight-color: #32333B;
	scrollbar-arrow-color:#636873;
	scrollbar-darkshadow-color: #2E3037;
	scrollbar-face-color:#434650;
	scrollbar-highlight-color:#51545E;
	scrollbar-shadow-color: #41444D;
	scrollbar-track-color: #393C44;
}


a:link {color:#B1B6CD; text-decoration:none}
a:active {color:#B1B6CD; text-decoration:none}
a:visited {color:#B1B6CD; text-decoration:none}
a:hover {color:#6A718D; text-decoration:none}



h1 {font-family:"verdana"; font-size:11px; text-decoration:none; color:#bdc0d1; font-weight: heavy;  border-bottom: 1px #545965 dashed; margin-bottom: 2px;}

h2 {font-family:"verdana"; font-size:11px; text-decoration:none; color:#bdc0d1; font-weight: normal;  border-bottom: 1px #545965 dashed; margin-bottom: 2px;}

h3 {font-family:"verdana"; font-size:11px; text-decoration:none; color:#bdc0d1; font-weight: heavy;  margin-bottom: 2px;}

h4 {font-family:"verdana"; font-size:11px; text-decoration:none; color:#bdc0d1; background-image: url(images/title_bar.gif); font-weight: heavy; margin-bottom: 2px;}

/*Tutorial code box header*/
h5 {font-family:"verdana"; font-size:11px; text-decoration:none; color:#bdc0d1; font-weight: normal;  border-bottom: 1px #9598A5 dashed; margin-bottom: 2px;}


TD { font-family: verdana, helvetica, arial, sans-serif; font-size:11px; text-decoration:none; font-weight:normal; color:#9598A5; }




A.standard:link { FONT-WEIGHT: normal; font-size:11px; COLOR: #B1B6CD; TEXT-DECORATION: none; FONT-FAMILY: verdana, helvetica, arial, sans-serif; }

A.standard:visited { FONT-WEIGHT: normal; font-size:11px; COLOR: #B1B6CD; TEXT-DECORATION: none; FONT-FAMILY: verdana, helvetica, arial, sans-serif; }

A.standard:active { FONT-WEIGHT: normal; font-size:11px; COLOR: #B1B6CD; TEXT-DECORATION: none; FONT-FAMILY: verdana, helvetica, arial, sans-serif; }

A.standard:hover { FONT-WEIGHT: normal; font-size:11px; COLOR: #6A718D; TEXT-DECORATION: none; FONT-FAMILY: verdana, helvetica, arial, sans-serif; }


A.details_link:link { FONT-WEIGHT: normal; font-size:10px; COLOR: #828691; TEXT-DECORATION: none; FONT-FAMILY: verdana, helvetica, arial, sans-serif; }

A.details_link:visited { FONT-WEIGHT: normal; font-size:10px; COLOR: #828691; TEXT-DECORATION: none; FONT-FAMILY: verdana, helvetica, arial, sans-serif; }

A.details_link:active { FONT-WEIGHT: normal; font-size:10px; COLOR: #828691; TEXT-DECORATION: none; FONT-FAMILY: verdana, helvetica, arial, sans-serif; }

A.details_link:hover { FONT-WEIGHT: normal; font-size:10px; COLOR: #6A718D; TEXT-DECORATION: none; FONT-FAMILY: verdana, helvetica, arial, sans-serif; }



A.side_heading:link { FONT-WEIGHT: bold; font-size:11px; COLOR: #B1B6CD; TEXT-DECORATION: none; FONT-FAMILY: verdana, helvetica, arial, sans-serif; }

A.side_heading:visited { FONT-WEIGHT: bold; font-size:11px; COLOR: #B1B6CD; TEXT-DECORATION: none; FONT-FAMILY: verdana, helvetica, arial, sans-serif; }

A.side_heading:active { FONT-WEIGHT: bold; font-size:11px; COLOR: #B1B6CD; TEXT-DECORATION: none; FONT-FAMILY: verdana, helvetica, arial, sans-serif; }

A.side_heading:hover { FONT-WEIGHT: bold; font-size:11px; COLOR: #6A718D; TEXT-DECORATION: none; FONT-FAMILY: verdana, helvetica, arial, sans-serif; }



A.more_submenu:link { FONT-WEIGHT: normal; font-size:11px; COLOR: #B1B6CD; TEXT-DECORATION: none; FONT-FAMILY: verdana, helvetica, arial, sans-serif; }

A.more_submenu:visited { FONT-WEIGHT: normal; font-size:11px; COLOR: #B1B6CD; TEXT-DECORATION: none; FONT-FAMILY: verdana, helvetica, arial, sans-serif; }

A.more_submenu:active { FONT-WEIGHT: normal; font-size:11px; COLOR: #B1B6CD; TEXT-DECORATION: none; FONT-FAMILY: verdana, helvetica, arial, sans-serif; }

A.more_submenu:hover { FONT-WEIGHT: normal; font-size:11px; COLOR: #6A718D; TEXT-DECORATION: none; FONT-FAMILY: verdana, helvetica, arial, sans-serif; }




IMG.tut_border {
	BORDER-RIGHT: #2B2B2B 3px solid; BORDER-TOP: #2B2B2B 1px solid; BORDER-LEFT: #2B2B2B 1px solid; BORDER-BOTTOM: #2B2B2B 3px solid; }

IMG.border {
	BORDER-RIGHT: #2B2B2B 1px solid; BORDER-TOP: #2B2B2B 1px solid; BORDER-LEFT: #2B2B2B 1px solid; BORDER-BOTTOM: #2B2B2B 1px solid; }


.tutorial_header {color: #bdc0d1; }
.article_title {color: #bdc0d1; }
.details { font-family: verdana, helvetica, arial, sans-serif; font-size:10px; text-decoration:none; font-weight:normal; color:#6F737D; }



.credit_box {background-color: #393C44; border: 1px solid #9598A5}

.code_box {background-color: #4F525B; border: 1px dashed #9598A5}


textarea {
	font-family:verdana, arial ;
	border-top:solid 1px #000000;
    border-left:solid 1px #000000;
	border-bottom:solid 1px #606471;
    border-right:solid 1px #606471;
    background:#4F525B;
    color:#FFFFFF;
    padding:2px;
	font-size: 12px;
}




.formbutton {

	font-family: verdana, helvetica, arial, sans-serif;
	font-size: x-small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	border: 1px outset #000000;
	background-color: #4F525B;
}



.top_repeat { background-image: url(images/repeater.jpg); }