/* ---------------------- STYLES 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: 100%;
font-family: inherit;
vertical-align:top;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
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: "" "";}
p {margin-bottom:15px;}
/* ---------------------- STYLES RESET ------------------------*/




/* ---------------------- DEFAULT STYLES ------------------------*/
BODY {
FONT-FAMILY: Helvetica, Arial, sans-serif;
font-size: 12px;
line-height:normal;
background: #FFFFFF;
color: #333333;
}
/* Gets rid of the need for border="0" on hyperlinked images */
img{border:0}
a:link,a:active,a:visited,a.postlink{color: #3c5890;text-decoration: underline;}
a:hover{color:#ca1611}
/* Form elements */
input{border:1px solid #333333; color:#ffffff; background-color: #0c6fa8;}
textarea{border:1px solid #333333; color:#333333; background-color: #fff;}
select{border-color: #CCCCCC; color:#ffffff; background-color: #0c6fa8;}
/* The buttons used for bbCode styling in message post */
input.button{background: #494949; color:#9999AA;}
/* The main submit button option */
input.mainoption{background: #0c3860;font-weight:bold}
/* None-bold submit button */
input.liteoption{background: #0c3860;font-weight:normal}
p { margin-bottom:15px;}
h1 { font-size:140%; font-weight:bold; color:#CC0000; margin-bottom:15px;}
ul {margin-left:15px; margin-bottom:10px; list-style: square;}
li { padding-left:5px; line-height:normal;}
li ul {list-style:circle; margin-left:25px;}
strong, b { font-weight:bold;}
legend {font-weight:bold;}

/* ---------------------- DEFAULT STYLES ------------------------*/




/* ---------------------- LAYOUT STYLES ------------------------*/
.wrap {
width: 980px;
text-align:left;
}

.header {
width: 980px;
margin-bottom:10px;
}

.left_column {
height: auto;
float: left;
}
/* Hides from mac \*/
* html .boxcontent {height: 1%;}
/* End hide from  mac */
.right_column {
width: 300px;
height:auto;
float: right;
}
.footer {
width: 980px;
height: 30px;
clear: both;
border:1px solid #1a1a1a;
background-color: #494949;
margin-top:10px;
background-image:url(/themes/vive01/images/menu-background.png);
background-repeat:repeat-x;
background-position:top;
}

div.box {
border:1px solid #999999;
width:auto;
background-image:url(/themes/vive01/images/block-title-background.gif);
background-repeat:repeat-x;
background-position:top;
background-color: #eeeeee;
padding:4px;
text-align:left;
color: #494949;
font-size:90%;
}
div.box h2, div.box h2 a:link {
padding-left:5px;
padding-top:2px;
padding-bottom:14px;
border-bottom:0;
color: #FFFFFF;
}
div.box li {
border-bottom:1px dotted #CCC;
}
/* ---------------------- LAYOUT STYLES ------------------------*/




/* ---------------------- NUKE STYLES ------------------------*/
.title 		 {color: #0c6fa8; font-size: 130%; font-weight: bold; margin-bottom:3px;}
.title a, .title a:visited, a.title, a.title:visited {color: #0c6fa8; text-decoration:none;}
.boxtitle 	 {color: #FF9900;}
.boxcontent  {background-color: #FFFFFF; border:1px solid #999999; padding:10px 6px 10px 6px;}
.option 	 {font-weight: bold;}
tiny		 {font-size: 60%;}
small		 {font-size: 80%; font-weight:normal; line-height:normal;}
.content {line-height:130%;}
/* ---------------------- NUKE STYLES ------------------------*/




/* ---------------------- FORUM STYLES ------------------------*/
.toprow {
padding:5px;
background-image:url(/themes/vive01/images/toprow.png);
background-repeat:repeat-x;
color:#FFFFFF;
}
.toprow table td {color:#FFFFFF;}

.toprow2 {
background-color:#003366;
color:#FFF;
font-weight:700;
padding:5px;
background-image:url(/themes/vive01/images/block-title-background.gif);
background-repeat:repeat-x;
background-position:top;
}

.toprow3 {
background-image:url(/themes/vive01/images/toprow3.png);
background-repeat:repeat-x;
background-position:top;
background-color:#dfdfdf;
border:1px solid #CCCCCC;
}
.toprow3 td {padding:4px;}
.toprow3 h1 {display:inline;}
.toprow3 a, .toprow3 a:visited {text-decoration:none;}

.catrow {
background-image:url(/themes/vive01/images/catrow.gif);
background-repeat:repeat-x;
background-color:#D1D7DC;
height:28px;
padding:3px;
color:#2C3339;
font-weight:700;
}

.cattitle, .cattitle a, .cattitle a:visited {
font-size:120%;
text-decoration:none;
color:#104871;
}

td.row1 {
background-color:#EFEFEF;
color:#222229;
padding:6px 5px 5px 5px;
}
td.row2 {
background-color:#FFF;
color:#26262D;
padding:6px 5px 5px 5px;
}
td.row3 {
background-color:#FFF;
padding:6px 5px 5px 5px;
line-height:130%;
}

.smalltext {
font-size:80%;
color:#383B3F;
}

a.gen,a.genmed,a.gensmall {
color:#069;
text-decoration:none;
}

a.gen:hover,a.genmed:hover,a.gensmall:hover {
color:#DD6900;
text-decoration:underline;
}

.forumline {
background-color:#FFF;
border:1px #333 solid;
}

td.tableborder {
background-color:#8B8B8B;
}

td.code {
color:#2F6982;
background-color:#E6E6ED;
border:#555576;
border-style:solid;
border-width:1px;
padding:5px;
}

td.quote {
color:#535353;
background-color:#E6E6ED;
border:#555576;
border-style:solid;
border-width:1px;
padding:5px;
}

a.forumlink:link, a.forumlink:visited {
font-weight:700;
color:#555555;
font-size:110%;
}

.topiclink, a.topiclink:link, a.topiclink:visited {
font-size:120%;
font-weight:bold;
text-decoration:none;
color:#3c5890;
}
a.topiclink:hover {
text-decoration:underline;
color:#c00;
}

a.forumtitle:link, a.forumtitle:visited {
text-decoration:none;
color:#0066CC;
}
a.forumtitle:hover {
text-decoration:underline;
color:#267AB1;
}

.glanceby {
font-size:10px;
text-decoration:none;
}

a.dropdown:link, a.dropdown:visited {
background-image:url(/themes/vive01/forums/images/dropdown.png);
background-repeat:no-repeat;
background-position:left;
margin-right:15px;
padding:3px 3px 3px 15px;
border-left:1px solid #418fbb;
border-right:1px solid #418fbb;
color:#FFFFFF;
text-decoration:none;
}
a.dropdown:active {color:#66FFFF;}
.dropdown_box {
background-color:#104871;
border: 1px solid #071f31;
position:absolute;
text-align:left;
margin-top:20px;
margin-left:-115px;
display:inline;
}
.dropdown_box ul {list-style:none; margin-left:0;}
.dropdown_box ul li {padding: 3px;border-bottom:1px solid #1e6892;}
.dropdown_box ul li a, .dropdown_box ul li a:visited {color:#0f92c3; text-decoration:none;}
.dropdown_box ul li a:hover {color:#FFF; text-decoration:none;}

.post_options {float:right; padding:0 2px 0 2px; border:1px solid #CCCCCC; color:#666666; }
.post_options a, .post_options a:visited { color: #999999; font-size:90%; }
.post_options div a, .post_options div a:visited { color: #003366; font-size:100%; }
/* ---------------------- FORUM STYLES ------------------------*/








/* ---------------------- CUSTOM STYLES ------------------------*/
.article_title, a.article_title, a.article_title:link, a.article_title:active {
color:#900;
font-size:130%;
font-weight:700;
text-decoration:none;
color:#333333;
}
a.article_title:visited {
color:#999999;
text-decoration:none;
}

.artcle_header {
background-image:url(/themes/vive01/images/article_header_background.png); 
background-repeat:repeat-x; 
background-position:top;
background-color:#eaeaea;
border:1px solid #999999;
padding:4px;
margin-bottom:10px;
}
.artcle_header h1 {
color:#333;
font-size:130%;
font-weight:700;
margin-bottom:5px;
}

.pagetitle {margin-bottom:15px;}
.pagetitle h1 {display:inline; font-size:160%;}
.pagetitle a, .pagetitle a:visited {font-size:160%; color:#999999; text-decoration:none;}

.login { color:#999999; vertical-align:middle;}
.login input {
background-color:#494949;
color: #999999;
border: 1px solid #000000;
}
.login a:link, .login a:visited, .login a:active {
color: #CCCCCC;
}


.floatright {
float:right;
margin-left:3px;
}

.red, a.red,a.red:link,a.red:visited,a.red:active {
color:#771818;
}
a.red:hover {
text-decoration:underline;
color:#036;
}

.green, a.green,a.green:link,a.green:visited,a.green:active {
color:#063;
}
a.green:hover {
text-decoration:underline;
color:#c00;
}

.orange, a.orange,a.orange:link,a.orange:visited,a.orange:active {
color:#F30;
}
a.orange:hover {
text-decoration:underline;
color:#c00;
}

.white, a.white,a.white:link,a.white:visited,a.white:active, .white a:link, .white a:visited {
color:#fff;
}
a.white:hover {
text-decoration:underline;
color:#036;
}

.grey, .grey a:link, .grey a:visited, .grey a:active {
color: #999999;
}
.grey a:hover {
text-decoration:underline;
color:#66CCFF;
}

.lightgrey, a.lightgrey:link, a.lightgrey:visited, .lightgrey a, .lightgrey a:visited {color:#c3c3c3}

.greybox {
border:1px solid Gray;
background-color:#F6F6F6;
padding:5px;
}

.pagination {
color:#999;
}
.pagination a:link,.pagination a:visited {
background-color:#F4F4F4;
border:1px solid #636363;
text-decoration:none;
color:#035386;
font-weight:700;
padding:2px 5px;

}
.pagination a:hover {
color:#CCC;
background-color:#333;
border:1px solid #999;
}

.rating, .rating_readonly{
width:80px;
height:16px;
margin:0 0 0 0;
padding:0;
list-style:none;
clear:both;
position:relative;
background: url(/images/star-matrix.gif) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
ul.rating li, ul.rating_readonly li {
cursor: pointer;
/*ie5 mac doesn't like it if the list is floated\*/
float:left;
/* end hide*/
text-indent:-999em;
}
ul.rating li a, ul.rating_readonly li a {
position:absolute;
left:0;
top:0;
width:16px;
height:16px;
text-decoration:none;
z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {
z-index:2;
width:80px;
height:16px;
overflow:hidden;
left:0;
position: absolute;
background: url(/images/star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}

.list1 {
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
}
.list1 li {
padding-top:4px;
padding-bottom:5px;
padding-left:3px;
border-bottom:1px dotted #CCC;
color:#666666;
}
.list1 li a:link, .list1 li a:visited {
font-size:110%;
text-decoration:none;
}

.rep {
border:1px solid #E0E0E0;
background-color:#F3F3F3;
color:#737373;
font-size:10px;
margin-bottom:7px;
margin-top:3px;
padding:0 2px 2px;
}
.rep a,.rep a:visited {
color:#B1B1B1;
font-size:9px;
}

td a:hover span {
position:absolute;
margin-top:10px;
margin-left:-80px;
display:block;
background-color:#E9E9E9;
border:1px solid #000;
color:#333;
font-size:90%;
text-decoration:none;
width:120px;
padding:6px;
}
td a span {
display:none;
}

.redbox {
border:1px solid Gray;
background-color:#FFDFDF;
color:#C00;
padding:5px;
}

.c-info {font-size:90%;color:#546477;padding:3px 5px;}
.c-time {font-size:90%;color:#546477;position:absolute;top:0;right:0;padding:3px 5px;}
.c-body {border-top:2px solid #FFF;overflow:hidden;min-height:25px;line-height:16px;padding:5px 50px 1em 10px;}
* html .c-body-inside,.comment {width:auto;}
.comment ol {list-style:none;margin:0;padding:0;}
.comment ol li {
background-image:url(http://canadaka.cachefly.net/cka/images/comment-blue.png);
background-repeat:no-repeat;
color:#333;
position:relative;
list-style:none;
width:auto;
margin:0 0 3px;
padding:0;
}
* html .comment ol li {height:15px;}
.comment ol li li {margin-left:5%;width:95%;margin-top:4px;}
/* ---------------------- CUSTOM STYLES ------------------------*/





/* ---------------------- MENU STYLES ------------------------*/
#navwrap {
font-size:12px;
font-weight:700;
z-index:300;
margin-top:2px;
}
.nav {
text-decoration:none;
font-weight:700;
font-size:12px;
color:#000;
}
a.nav,a.nav:active,a.nav:visited {
text-decoration:none;
color: #424242;
}

a.nav:hover {
text-decoration:none;
color:#FFFFFF;
background-color:#484848;
}
#nav, #nav ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
}
a.topmenutitle,a.topmenutitle:link,a.topmenutitle:visited,a.topmenutitle:active {
display:block;
width:auto;
padding:5px;
padding-left:8px;
padding-right:8px;
background-image:url(/themes/vive01/images/menu-seperator.png);
background-position:right;
background-repeat:no-repeat;
color:#F1F1F1;
text-decoration:none;
}
a.topmenutitle:hover {
color:#FFFFFF;
background-color:#484848;
}
#nav a {
display: block;
}
#nav li { /* all list items */
float: left;
width: auto; /* width needed or else Opera goes nuts */
display:block;
padding-left:0;
margin-left:0;
}
#nav li ul li a { /* all list items */
color:#ECECEC;
border-bottom:1px solid #3B3B3B;
border-top:1px solid #5F5F5F;
padding:4px;
display:block;
width:150px;
text-decoration:none;
}
#nav li ul { /* second-level lists */
position: absolute;
width: 160px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
border-top:1px solid #000;
border-bottom:1px solid #000;
border-right:1px solid #000;
border-left:1px solid #000;
filter:alpha (opacity=90);-moz-opacity:.90;opacity:.90;-khtml-opacity: 0.9;
background-color:#2d2d2d;
}
#nav li ul li a:hover{ /* second-level lists */
display:block;
background-color:#125089;
text-decoration:none;
}
#nav li ul ul { /* third-and-above-level lists */
margin: -2em 0 0 10em;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}
/* ---------------------- MENU STYLES ------------------------*/