@import url("maw/css/base.css");
@import url("maw/css/skeleton.css");

/* CORE CLASSES */

body {
	font: 12px Verdana, Arial, Sans-Serif;
	color: #232323;
	background-color: #505050;
}

a {
	/*color: #0195FE;*/
	color: #4444dd;
	text-decoration: none;
    outline: none;
}

a:visited {
	/*color: #0195FE;*/
	color: #4444dd;
	text-decoration: none;
    outline: none;
}

a:hover {
	color: #02478B;
	text-decoration: none;
}

/* custom style for "normal" list appearance */
ul.norm {
	list-style-position: inside;
	list-style-type: disc;
	padding: 2px;
	margin: 4px 8px 4px 6px;
	
}

/* custom styles for "normal" list appearance, extra narrow */
ul.narrow {
	list-style-position: inside;
	list-style-type: disc;
	padding: 2px;
	margin: 2px 15px 2px 12px;
}

/* custom styles for "tight" list appearance */
ul.tight {
	list-style-position: inside;
	list-style-type: disc;
	padding: 1px;
	margin: 2px 12px 2px 12px;
}

ul.tight li {
	margin: 1px;
}

ul.norm li {
	margin: 3px;
}

.formletter {
	background-color:#ffffff;
	font-family:courier,roman,serif;
	padding: 4px 8px 4px 4px ;
	border: 1px solid #868686;
}

/* "related aticles" box */
.relatedbx {
	width:98%;
	margin:0 auto;
	border:1px dashed #868686;
	background-color:#ffffdd;
	padding:4px;
}

.termtable {
	background-color: #ffffff;
}

.grncell {
	background-color:#c1ddc1;
}

.searchhighlight {
	background-color: #ffffdd;
	border: 1px solid #cacaca;
}

.searchalert {
	background: #ffffaa url(/cms/themes/SPARC/images/warning.gif) no-repeat 3px 50%;
	margin:2px;
	border:1px dashed #868686;
	padding:2px 10px;
	font-weight:bold;
	margin: 0 auto;
	width: 80%;
}


.center_rnd_box {
	width: 300px; 
	border: 1px solid #cdcdcd;
	padding: 3px;
	border-radius: 4px;
	margin: 0 auto;
}

.faqsubheader {
	font-size: 12px;
	color: #565656;
}

#scrolldiv{
	width:99%;
	height:450px;
	overflow: auto;
	background-color: #ffffff;
	border: 1px solid #868686;
}

.recent_posts {
	color:#fff;
	background-color:#627393;
	padding:1px;
	text-align:center;
	font-weight:bold;
	margin:-5px 0 3px 0;
}

table { 
    margin-left:auto; 
    margin-right:auto;
    margin-bottom: 0; 
}

.spacer {
	padding: 2px 0 2px 0;
}

.indent{
	width: 95%;
	margin: 0 auto;
	padding:6px 6px 12px 10px;
	border: 1px solid #565656;
	border-radius: 4px;
	box-shadow: 3px 3px 5px #888888;
	background-color: #ffffff;
}

.smalltext {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.mediumtext {
	font: 12px 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.tbox.chatbox {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}

.helpbox {
	border: 0px;
	background-color: transparent;
	color:#000;
	font: 9px tahoma, verdana, arial, helvetica, sans-serif;
    width: 95%;
}

/* LAYOUT CLASSES */
.banner {
    text-align: center;
    overflow: hidden;
}
#header {
    height: 63px;
	background:#708090 url("images/header.jpg") top right no-repeat;
    position: relative;
    overflow: hidden;
}
#header h3 {
    position: absolute;
    top: 5px;
    left: 10px;
    width: 400px;
}
#header h3 a, #header h3 a:hover {
    color: #fff;
    text-shadow: 1px 1px 2px #000000;
}
#header h5 {
    position: absolute;
    top: 35px;
    left: 10px;
    color: #fff;
    width: 400px;
    font-size: 14px;
}
#top-nav {
    background:#627393 url("images/fade.png") left repeat-x;
}
#top-nav .navigation {
    padding: 0 5px;
    display: inline;
    list-style: none;

}
.navigation li {
    display: inline;
    list-style: none;    
}
.navigation li a {
    display: inline-block;
    padding: 0 12px 0 10px;
    line-height: 30px;
}
#top-nav .navigation li a {
    color: #fff;
    background: url("images/line.jpg") right no-repeat;
}
#top-nav .navigation li a:hover {
    color: #0195FE;
}
#bottom-nav {
    background: #c8ced9;
}
#bottom-nav .navigation {
    padding: 0 5px;
    display: inline;
    list-style: none;

}
#bottom-nav .navigation li a {
    background: url("images/line.jpg") right no-repeat;
}
#bottom-nav .navigation li a, #bottom-nav .navigation li a:visited, #bottom-nav .navigation li a:active { color: #333 !important; }
#bottom-nav .navigation li a:hover { color: #02478B; }
#home {
    background:#fff url("images/page.jpg") top left repeat-y;
    padding-top: 10px;
    text-align: left;
}
#wide {
    background:#fff url("images/wide.jpg") top left repeat-y;
    padding-top: 20px;
    text-align: left;
}
#breadcrumb {
    background: #c8ced8;
    padding: 5px 0;
}
#main-nav {
    display: block;
    width: 170px;
    background: #aab2c5;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    padding-top: 15px;
    margin-left: 10px;
}
#footer {
    background: #aab2c5;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
}
#footer p {
    padding: 10px;
    margin: 0;
    font-size: 11px;
}
.banner {
    padding: 2px 0;
}
/* FORUM CLASSES */

.forumheader{
    background:#627393 url("images/fade.png") bottom left repeat-x;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 1em;
	color:#fff;
	padding: 2px 4px;
	border: 1px solid #627393;
    text-align: left;
    vertical-align: top;
}
.forumheader .smallblacktext, .forumheader3 .smallblacktext {
    font-size: 0.7em;
}
.forumheader2{
	background: #f5f5f5;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 1em;
	padding: 2px 4px;
	border: 1px solid #ccc;
    text-align: left;
    vertical-align: top;
}
.forumheader3, .forumheader4, .forumheader5{
	background: #f5f5f5;
	font: 1em verdana, tahoma, arial, helvetica, sans-serif;
	padding: 2px 8px 2px 4px;
	border: 1px solid #ccc;
    text-align: left;
    vertical-align: top;
}
.forumheader3 .smalltext {
    font-size: 0.9em;
}
.forumheader3 .tbox {
    margin: 0 auto;
}
.forumborder{
	border: 1px solid #ccc;
	background-color: transparent;
}
.fcaption {
	height:35px;
	padding: 15px 0 5px 2px;
	font: 0.9em arial, helvetica,  sans-serif, verdana, tahoma;
	color:#555;
	font-size: 15px;
	font-weight:bold;
}
.fcaption a{
	padding-right:4px;
}
.nforumdisclaimer {
    display: none;
}
/* login menu  */
#loginpad .verify {
    width: 72px;
}
#loginpad .button {
    margin: 5px 0;
}
#loginpad #lp_signup{
    width: 80px;
	text-align:center;
    padding: 2px 10px;
    font-size: 1em;
    cursor: pointer;
    background: url("images/cap.png") top left repeat-x; /* Old browsers */
    background: -moz-linear-gradient(top, #252525 0%, #0a0a0a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#252525), color-stop(100%,#0a0a0a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #252525 0%,#0a0a0a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #252525 0%,#0a0a0a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #252525 0%,#0a0a0a 100%); /* IE10+ */
    background: linear-gradient(top, #252525 0%,#0a0a0a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#0a0a0a',GradientType=0 ); /* IE6-9 */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
    border: 1px solid #111;
    color: #c63673;
    margin: 5px 0;
}
#loginpad #lp_signup:hover {
    background: -moz-linear-gradient(top, #0a0a0a 0%, #252525 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0a0a0a), color-stop(100%,#252525)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #0a0a0a 0%,#252525 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #0a0a0a 0%,#252525 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #0a0a0a 0%,#252525 100%); /* IE10+ */
    background: linear-gradient(top, #0a0a0a 0%,#252525 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a0a0a', endColorstr='#252525',GradientType=0 ); /* IE6-9 */
    color: #ea6f6e;
    border: 1px solid #222;
}
#loginpad #listpad li {
    list-style-image: url("images/bullet2.png");
    list-style-position: inside;
}
#loginpad2 {
    list-style: none;
}
#loginpad2 li {
    display: block;
    vertical-align: middle;
    padding: 3px 0;
    text-indent: 5px;
}
#loginpad2 li img {
    float: left;
}
/* news  */
.article {
    margin-bottom: 10px;
    overflow: hidden; 
}
.article h3 { 
    margin-bottom: 0;    
}
.article .entry {
    padding: 5px 0;
    overflow: hidden;
}
.article .top-info {
    padding: 5px;
    border: 1px solid #ccc;
    border-left: none;
    border-right: none;
    text-align: center;
}
.article .newsimage {
    float: left;
    margin: 5px 10px 10px 0;
}
.article .news_extendstring {
	text-align:center;
    padding: 5px 10px;
    cursor: pointer;
    background: url("images/fade.png") top left repeat-x; /* Old browsers */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
    border: 1px solid #ccc;
    margin: 5px 0;    
}
.article .news_extendstring:hover {
    background:#ddd url("images/fade.png") top left repeat-x; /* Old browsers */
    border: 1px solid #ccc;
}
.article .left-info {
    padding: 0 0 10px 10px;
    width: 48%;
    float: left;
    text-align: left;
}
.article .right-info {
    padding: 0 10px 10px 0;
    width: 48%;
    float: left;
    text-align: right;
}
.caption {
    text-transform: uppercase;
    background:#eee url("images/fade.png") top left repeat-x; /* Old browsers */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
}
/* menu  */
.menu {
    margin-bottom: 10px;
}
.menu h4 { 
    padding: 5px; 
    line-height: 90%; 
    margin-bottom: 10px;    
	/*font-family: arial, helvetica, sans-serif;*/
}
.box {
    margin-bottom: 10px;
    background: #f5f5f5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden; 
    border: 1px solid #ccc;
    padding: 6px;   
}
.box h4 {
    line-height: 90%;
    margin-bottom: 10px; 
}
/* next/prev  */
.nextprev {
    margin-bottom: 10px;
}
.npbutton {
	text-align:center;
    padding: 3px;
    font-size: 1em;
    cursor: pointer;
    background: url("images/fade.png") top left repeat-x; /* Old browsers */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
    border: 1px solid #ccc;    
}
a.nextprev_link {
    background:#fff url("images/fade.png") top left repeat-x;
    padding: 3px 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; 
    border: 1px solid #ccc; 
    color: #0195FE;   
}
a.nextprev_link:hover{
    background:#eee url("images/fade.png") top left repeat-x;
   	color: #02478B;    
}
.nextprev_current {
    background: url("images/fade.png") top left repeat-x; 
    padding: 3px 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; 
    border: 1px solid #ccc; 
    color: #000;    
}
/* LOGIN MENU CLASSES */
#loginpad2 img, .loginpad2 a.login_menu_link {
    display: inline-block;
}
#loginpad2 , a.login_menu_link {
    margin-left: 5px;
    vertical-align: top;
}
.forumheader3 textarea#pm_to.tbox {
    min-height: 24px !important;
    width: 90%;
}
.forumheader3 textarea.tbox {
    width: 90%;
}
.forumheader3 form textarea.tbox {
    width: 60%;
}
#loginpad {
    overflow: hidden;
    text-align: center;
}
#loginpad br {
    display: none;
}
#loginpad .tbox {
    margin-right: auto;
    margin-left: auto;
}
#lp_imgcode img {
    margin-top: 3px;
}
#lp_imgcode .tbox {
    width: 77px;
}
#lp_login {
    padding: 5px 0;
}
#lp_signup a{
    margin: 10px 0;
   	background: #f5f5f5 url('images/nav.png') bottom left repeat-x;
    background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.1) 100%); /* FF3.6+ */
	background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.1))); /* Chrome,Safari4+ */
    background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.1) 100%); /* Chrome10+,Safari5.1+ */
    background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.1) 100%); /* Opera11.10+ */
    background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.1) 100%); /* IE10+ */
    background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.1) 100%); /* W3C */
    border: 1px solid #aaa;
    padding: 4px 12px;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
      width: 90px;
      margin-right: auto;
      margin-left: auto;
      display: block;
}
#lp_signup a:hover{
    margin: 10px 0;
   	background: #f5f5f5 url('images/nav.png') top left repeat-x;
    background: #eee -moz-linear-gradient(top, rgba(0,0,0,.1) 0%, rgba(255,255,255,.2) 100%); /* FF3.6+ */
	background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.1)), color-stop(100%,rgba(255,255,255,.2))); /* Chrome,Safari4+ */
    background: #eee -webkit-linear-gradient(top, rgba(0,0,0,.1) 0%,rgba(255,255,255,.2) 100%); /* Chrome10+,Safari5.1+ */
    background: #eee -o-linear-gradient(top, rgba(0,0,0,.1) 0%,rgba(255,255,255,.2) 100%); /* Opera11.10+ */
    background: #eee -ms-linear-gradient(top, rgba(0,0,0,.1) 0%,rgba(255,255,255,.2) 100%); /* IE10+ */
    background: #eee linear-gradient(top, rgba(0,0,0,.1) 0%,rgba(255,255,255,.2) 100%); /* W3C */
    border: 1px solid #ccc;
    padding: 4px 12px;
      margin-right: auto;
      margin-left: auto;
 }
#loginpad #listpad {
    padding-left: 10px;
    list-style: inside;
}
#loginpad #listpad li {
    display: block;
    text-align: left;
    position: relative;
    margin: 0;
    padding: 0;
}
#loginpad #listpad li img {
    display: inline;
}
#loginpad #listpad li a {
    display: inline;
}
/* BBCODE CLASSES */
.bbcode li {
    list-style: inside;
    list-style-type: inherit;
}
/* COMMENTS CLASSES */
.comm-right {
    background-color: rgba(240, 240, 240, 0.9);
    padding: 5px;
    overflow: hidden;
}
.comm-right span {
    padding: 10px;
}
.comm-left img {
    float: left;
}
.comm-date {
    font-size: 11px;
}
.comm-user {
    padding-top: 7px;
    margin-left: 50px;
}
.comm .rep {
    float: right;
    clear: both;
}
.comm .rep a {
   	background: #fff url('images/fade.png') top left repeat-x; /* Old browsers */
    background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.1) 100%); /* FF3.6+ */
	background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.1))); /* Chrome,Safari4+ */
    background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.1) 100%); /* Chrome10+,Safari5.1+ */
    background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.1) 100%); /* Opera11.10+ */
    background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.1) 100%); /* IE10+ */
    background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.1) 100%); /* W3C */
    border: 1px solid #ddd;
    padding: 4px 12px;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px
}
.comm-left {
    width: 25% !important;
    float: left;
}
.comm-right {
    width: 68% !important;
    float: right;
}
/* CHAT CLASSES */
.chatpad {
    padding: 10px 0;
}
.chatpad img {
    float: left !important;
}
.chatname {
    margin-left: 50px;
    padding-top: 10px;
}
.chatdate {
    font-size: 11px;
}
.chattext {
    margin-top: 0px;
    padding: 10px;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
form .tbox, form .button {
    display: inline;
}