/*======================
	RESET
========================*/
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 12px;
	font-family:  Arial, Helvetica, sans-serif;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1.2;
	color: black;
	background:url(../images/bgtile.gif);
	position:absolute; 
	text-align:center; 
	height:100%; 
	width:100%; 	
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*======================
	WRAPPER
========================*/
#wrapper
{
    width:960px;
    min-height:600px;
    height:auto !important;
    height:600px;
    background:#182a3b;
    border:solid 2px #d3dfff;
    border-bottom: 1px solid #d3dfff;
    text-align:left;
    margin:0 auto;
}
/*======================
	HEADER
========================*/
#header
{
    height:90px;
    padding:3px;
    background: #fff url(../images/tq_header_bar.gif) no-repeat;
    margin-bottom:5px;
    clear:both;
}
#header-logo{ position:relative; left:65px; top:-2px; }
#header-menu{
	position:relative;
	left:375px;
	top:5px;
	text-align: center;
	width: 375px;
	padding: 0px;
	z-index:3;
}
#header-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height:1;
}
#header-menu ul li {
	display:inline;
	padding-bottom: 0px;
	margin:0;
}
#header-menu ul li a {
	padding:0px;
	line-height: 11px;
	display: inline;
	font-family: Verdana, Arial, sans-serif;
	padding:4px 12px 0px 12px;
	color: #d3dfff;
	font-weight:bold;
	font-size: 11px;
	text-decoration:none;

}
#header-menu ul li a:hover { color:#FFF; }
#header-login
{
    color: #ccc;
	border:0;
	position:relative;
	float:right;
        font-size:10px;
	top:-15px;
	right:5px;
	width:180px;
	height:50px;
	z-index:4;
}
#header-login input
{
	font-size: 10px;
	width:60px;
	padding:1px;
	margin:1px;
	background-color:#3366cc;
	color:#ccc;
	border: 1px solid #666;
}

#header-login input.login-btn
{
	background:url('../images/btn_login.jpg') no-repeat;
	width:26px;
	height:19px;
	border:0;
	font-size:11px;
	color:#FFFFFF;
}
#header-login a{ font-size: 10px; text-decoration:none; color: #ccc; }
#header-login a:hover{ text-decoration:none; color: #fff; }
#header-login p { padding:0; margin:0; }
#search-bar
{
	float:left;
	position:relative;
	top:0px;
	padding:0;
	padding-left:30px;
	background:url(../images/pane_dots.png) no-repeat;
	background-position:0px -3px;
	line-height:25px;
	height:25px;
}
#search-bar input.search{ width:300px; }
#search-bar div{ float:left; margin-right:4px; }
/*======================
	BODY WRAPPER
========================*/
#body-wrapper
{
    position:relative;
    text-align:left;
    width:100%;
    padding:0;
    background:url(../images/left_col.gif) repeat-y top left;
}
/*======================
	CONTAINER
========================*/
#container
{
    position:relative;
    float:left; 
    text-align:left;
    width:100%;
    min-height:500px;
    height:auto !important;
    height:500px;
    padding:0;
}
/*======================
	CONTENT WRAPPER
========================*/
#content-wrapper
{
    position:relative;
    margin:0;
    padding:0; 
    width:100%;
    float:left; 
}
/*======================
	LEFT COLUMN
========================*/
#left-column
{
    float:left;
    

    width:197px;
    position:relative;
    padding-left:3px; 
}
/*======================
	CENTER COLUMN
========================*/
#center-column
{
    float:left;
    width:510px;
    position:relative;

    
    
}
#content
{
    float:left; 
    position:relative;
    left:50%;
    right:50%;
    margin: 0 0 0 -251px;
    width:507px;
}
#content .pane-content
{
    width:493px;
}
/*======================
	RIGHT COLUMN
========================*/
#right-column
{
    width:242px;
    float:right;
    position:relative;
    padding-right:3px; 
}
/*======================
	FOOTER
========================*/
#footer
{
	position:relative;
	clear:both;
	text-align:center;
	margin-top:10px;
	border-top: 2px solid #d3dfff;
	background:#666;
	height:22px;
	font-size:10px;
	color: #FFF;
	padding:7px 8px 8px 8px;
}
#footer-info, #footer-menu
{
	margin-top:5px;
}
#footer-info{float:left;}
#footer-menu
{
	float:right;
	width:400px;
	text-align:right;
	margin-left:15px;
}
#footer-menu ul
{
	margin:0;
	padding:0;
	display:inline;
	list-style:none;
}
#footer-menu li{ display:inline; }
#footer-menu a{  color:#fff; text-decoration:none; }
#footer-menu a:hover, #footer-menu-active a{ text-decoration:underline; }
/*======================
	THE PANE
========================*/
div.pane
{
	background:#fff url(../images/pane_header_bg.gif) repeat-x 0 0;
	margin-bottom:5px;
	padding-bottom:1px;
    width:100%; 
    float:left; 
}
/*The Header */
div.pane-header
{
	width:100%; 
	height:31px;
	margin:0px;
	background: url(../images/panel_corners.gif) no-repeat 0 0;
}
div.pane-right-corner
{
	background: url(../images/panel_corners.gif) no-repeat 100% -31px;
}
div.pane-header img
{
 	vertical-align:middle;
	padding-left:4px;
	padding-top:2px;
}

div.pane-header h2
{
	display:inline;
	text-indent:3px;
	color:#d3dfff;
	font-size:11px;
	font-weight:bold;
	background:0;
}
div.pane-background
{
    position:relative;
    float:left;
    width:100%; 
    background:url(../images/pane_background.jpg) repeat-x;
}
/*The Bottom */
div.pane-bottom
{
	background:#666666;
	height:5px;
	width:100%;
}
/*The Content */
div.pane-content
{
	/*padding:3px 4px 3px 4px;*/
        position:relative;
      
        top:3px; 
	margin:0px 7px 5px 7px;
	/*margin-top:2px;*/
	/*border-bottom:solid 3px #b2b2b2;          */
}
div.pane-content img {margin-bottom:0px;}
/* The Menu */
div.pane-menu
{
    float:left;
    width:100%;
    position:relative;
    z-index:100; 
    font-size:12px;
    font-family:Arial;
    background: #fff;
    border:solid 1px #666;
    padding:0;
    margin:0;
}
div.pane-menu ul
{
	margin:0;
	padding:0;
	list-style:none;
        background:transparent;
        position:relative;
        z-index:101; 
}
div.pane-menu li
{


	background:#f5f5f5;
	margin:0;
	clear:both;
	border-bottom:solid 1px #ccc;
}
div.pane-menu li.alternate
{
	background: #fff;
}

/* The Active Menu item */
div.pane-menu li.active
{
	background: #3d6b97;
	/*background:url(../images/panel_link_active.jpg) repeat-x; */
	color: #fff;
	font-weight:bold;
}

div.pane-menu a
{
	color:#000;
	padding:6px;
	text-decoration:none;
	display:block;
}
div.pane-menu a:hover
{
	background: #4980b4;
	color:#fff;
}
div.pane-menu a.active
{
    color: #fff;
}
div.pane-menu img
{
    vertical-align:middle;
    margin-right:5px;
}
/* The Subs */
div.pane-menu li.subs
{
    position:relative;
    z-index:102; 
    padding:0;
    background: #3d6b97;
    margin:0;
    float:left;
    width:100%;
}
div.pane-menu li.subs ul
{
    padding:0;
    margin:0 0px 0px 0px;
    border:0;
}
div.pane-menu li.subs ul li
{
    padding-left:0px;
    background-color:#ededed;
}
div.pane-menu li.subs ul a
{
    color:#666;
    padding:5px 0 5px 0;
    display:block;
    background:transparent;
    padding-left:16px;
}
div.pane-menu li.subs ul a:hover{ color:#666; background-color:transparent;    }
div.pane-menu li.subs li:hover{background:#fff;}
div.pane-menu li.subs li.active{ background:#fff url(../images/sub_icon.png) no-repeat 5px;  }
div.pane-menu li.subs ul li.active a{ color:#000;}
div.pane-menu p{padding:5px; font-size:11px; }
/*======================
	ANNOUNCEMENT
========================*/
.announcement
{
	background: #353535 url(../images/tq_splash.jpg) no-repeat;
	height:70px;
	margin:-3px -6px -5px -6px;
	color:#fff;
	font-size:14px;
	padding:5px;
	padding-left:150px;
}
/*======================
	TUTORIAL ITEM
========================*/
.tutorial_item
{
	width:100%;
	border-top: 1px solid #DDD;
}

.tutorial_item a.tut_title, .tutorial_item a.tut_title, a.link{ color: #3366CC; font-weight:bold; }
.tutorial_item td
{
	padding:4px;
	vertical-align:top;
}
.tut_thumb
{
	width:20px;
}
.tut_thumb div img
{
	border: 1px solid #666;
	margin:1px;
	padding:0;
}
.tut_thumb div
{
	border: 1px dashed #AAA;
	margin:4px 6px 6px 6px;
	width:50px;
	height:50px;
	padding:0;
	overflow:hidden;
}
.tut_thumb img
{
	width:50px;
	height:50px;
}
.tutorial_item p
{
	margin:0;
	padding:0;
}
p.tut-details, p.tut-details span, p.tut-details a
{
	margin:0px;
	padding:0px;
	font-size:10px;
}
p.tut-details span{ color:#848484; }
p.tut-details span a{ color:#67AD00; }
p.tut-details span a:hover{ color:#3366CC;; }

p.tut-details span.tut_stat1 {
	color: #df6535;
	font-size:10px;
}
/*======================
	AUTHOR
========================*/
.author
{
        width:100%;
	border-top: 1px solid #DDD;
        padding: 5px 0 5px 0px;
}
/*======================
	ERROR BOX
========================*/
fieldset.error
{
	padding: 10px;
	border: 1px solid #c37070;
	color:#c30000;
	margin:5px 5px 15px 5px;
}
fieldset.error legend
{
	border:solid 1px #c30000;
	padding:4px;
	color:#fff;
	font-size:10px;
	text-transform:uppercase;
	background:#c30000;
}
/*======================
	PAGINATION
========================*/
.page-bar {
	margin:5px;
	padding:3px;
	vertical-align:middle;
	text-align:center;
}
.page-bar span
{
	text-align:center;
	font-family: Verdana, Arial, sans-serif;
	text-indent:3px;
	border:solid 1px black;
	padding:3px;
	color:#999;
	font-size:11px;
	font-weight:bold;
}
.page-bar a
{
	color: #3366CC;
	padding:3px;
}
.page-bar a:hover {
	color:#000;
}
.page-bar a.currentpage
{
	color: #999;
	border:1px solid #999;
	padding:2px 4px 2px 4px;
	margin:0px 4px 0px 4px;
}