/****** General Styles ******/
body {
font-family:"Courier New", Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
background-color: #dde5d9;
padding:0; 
color:#999999;
}
table {
color: #999999;
font-size: 12px;
}
td{
word-break: break-all;
}
a {
text-decoration: none;
COLOR: #999999; 
border: none;
}
a:hover	{
COLOR: #70BDCD;
TEXT-DECORATION: none;
} 
hr {
height: 1px;
border: 0;
border-top: 1px solid #E6E6FA;
}
acronym {
text-decoration: none;
border-bottom: 1px dashed #BB6F02;
cursor: help;
}
img {
border: none;
}
/****** Form Controls Styles ******/
form {
display: inline;
}
input {
font-family: Verdana, Arial;
font-size: 12px;
background-color: #ffffff;
}
input.text {
padding: 1px;
color: #999999; 
border:1px solid #BBB;
margin-top: 1px;
margin-bottom: 1px;
background-color: #ffffff;
}
input.button {
height: 20px;
padding: 1px;
border: 1px solid #BBB;
color: #999999; 
background-color: #ffffff;
margin-top: 1px;
margin-bottom: 1px;
}
textarea {
font:12px  Verdana, Arial,sans-serif; 
color: #999999;
border:1px solid #BBB;
margin-top: 1px;
margin-bottom: 1px;
background-color: #ffffff;
}
select { 
margin-top: 1px;
border: 1px solid #BBB;
background-color: #ffffff;
}
/****** Main Layout Styles ******/
#wrapper {
width: 100%;
margin:0;
padding:0;
text-align: center;
}
#innerWrapper {
width: 100%;
margin:0;
padding:0;
text-align: center;
}
#header {
margin:0;
padding:0;
}
#innerHeader {
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
overflow: hidden;
height: 0px;
}
#footer {
clear: both;
margin:0;
padding:0;
width: 940px;
font-family:arial;
}
* html #footer {
clear: both;
margin:0;
padding:0;
width: 890px;
color:#fff;
}
*+html #footer {
clear: both;
margin:0;
padding:0;
width: 890px;
}
#innerFooter {
width:100%;
height: 55px;
margin-top: 15px;
margin-right: 0;
margin-bottom: 0;
margin-left: auto;
text-align: center;
padding-top: 5px;
font-size: 9px;
line-height: 150%;
color:#aaa;
}
#innerFooter a {
color: #aaa;
}
/****** Header Elements Styles ******/
/****** Content Layout ******/
#mainWrapper {
width: 980px;
margin: 0 auto;
overflow:auto;
padding-top: 10px;
padding-right: 0;
padding-left: 0;
text-align: left;
}
#menu {
float: left;
width:  25px;
padding-top: 20px;
padding-right: 5px;
}
#icon{
padding-bottom: 5px;
}
/* sidebar */
#sidebar {
font-family: "Courier New", Tahoma, Arial, sans-serif;
overflow:hidden;
display:inline-block;
width:210px;
float: right;
text-align: left;
margin: 10px 0 10px 10px;
background-color:#ffffff;
border:1px solid #ced4ca;
border-right:3px solid #ced4ca;
border-bottom:3px solid #ced4ca;
}
.sidebar-hide {
display: none;
float: right;
}
#innerSidebar {
padding: 0px;
margin:10px;
overflow:hidden;
}
.announce{
margin:5px 10px 0 10px;
padding:0px;
font-size:12px;
clear:both;
}
.announce-content{
font-family:Verdana, Arial, Helvetica, sans-serif;
word-wrap: break-all;
padding: 0px 10px;
font-size:12px !important;
font-size:12px;
line-height:150%;
}
/* content */
.content {
float: left;
width: 720px;
margin-top: 10px;
padding:10px 0 20px 0;
overflow:hidden;
background-color: #ffffff;
border:1px solid #ced4ca;
border-right:3px solid #ced4ca;
border-bottom:3px solid #ced4ca;
}
.content-wide {
width: auto;
}
.content-only {
width: 100%;
}
#innerContent {
width:100%;
margin:0px;
padding:0px;
overflow:hidden;
}
/* a style which makes mainWrapper touch the bottom of sidebar and content */
.clear{
border-top:1px solid transparent !important;
margin-top:-1px !important;
border-top:0;
margin-top:0;
clear:both;
visibility:hidden;
}
/****** Sidebar Panels ******/
.panel{
padding: 0;
margin-bottom: 10px;
}
.panel h5 {
text-align:left;
color: #333;
font-size: 12px;
font-weight: normal; 
padding:0px;
text-indent:10px;
line-height:24px;
height:24px;
margin:0px;
padding-top:2px;
cursor: pointer;
BACKGROUND-COLOR: #f6f6f6; 
color: #63b4dc;
}
.panel h5 a{
color: #63b4dc;
}
.panel h5 a:hover{
COLOR: #63b4dc; 
BACKGROUND-COLOR: none; 
TEXT-DECORATION: none;
} 
.panel-content{
margin:0px;
padding:0px;
padding-top:10px;
line-height:150%;
} 
.panel-content ul{
font-size: 12px;
color: #7A7A7A;
padding: 0px;
list-style:none;
margin-top:0px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 0px;    
}
.panel-content li{
list-style: none;
margin: 0px;
padding: 0px;
background: url('images/dots.gif') left center no-repeat;
text-indent:18px;
border-bottom:1px solid #dee4da;
line-height:24px;
height:24px;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.panel-content li.indent{
padding: 0px;
/*background-image: url(images/sidebar_li.gif);*/
background-repeat: no-repeat;
text-indent: 15px;
margin-left: 15px;
background-position: 1px 3px;
}
/****** Sidebar Panels category******/
.panel-content-category{
margin:0px;
padding:0px;
padding-top:10px;
} 
.panel-content-category a,.panel-content-category a:visited{
text-decoration:none;
font-size:12px;
line-height: 150%;
}
.panel-content-category ul{
padding: 0px;
margin: 0px;
}
.panel-content-category li{
list-style: none;
margin: 0px;
padding: 0px;
background-image: url(images/sidebar_li.gif);
background-repeat: no-repeat;
text-indent: 15px;
background-position: 1px 3px;
}
.panel-content-category li.indent{
padding: 0px;
background-image: url(images/sidebar_li.gif);
background-repeat: no-repeat;
text-indent: 15px;
margin-left: 15px;
background-position: 1px 3px;
}
/****** Sidebar Panels link******/
.panel-content-link{
margin:0px;
padding:0px;
padding-top:10px;
} 
.panel-content-link a,.panel-content-link a:visited{
text-decoration:none;
font-size:12px;
line-height: 150%;
}
.panel-content-link ul{
padding: 0px;
margin: 0px;
}
.panel-content-link li{
list-style: none;
margin: 0px;
padding: 0px;
background: url('images/dots.gif') left center no-repeat;
text-indent: 15px;
line-height:21px;
height:21px;
}
.panel-content-link li.indent{
padding: 0px;
background-image: url(images/sidebar_li.gif);
background-repeat: no-repeat;
text-indent: 15px;
margin-left: 15px;
background-position: 1px 3px;
}
/****** Sidebar Panels sp******/
.panel-content-sp{
margin:0px;
padding:0px;
padding-top:10px;
line-height:150%;
padding-left:10px;
}
/* user panel login form */
#loginForm {
width: 95%;
}
/* calendar panel */
#calendar {
width: 100%;
margin-top:1px;
line-height:135%;
font-family:Arial, Helvetica, sans-serif;
}
.calendar-top {
text-align: center;
padding:0px;
padding-bottom:3px;
padding-top:3px;
}
.calendar-year,.calendar-month {
font-weight: normal;
}
.calendar-weekdays {
font-size:10px;
text-align: center;
width: 14%;
padding:0px;
}
.calendar-weekday-cell {
font-size:10px;
text-align: center;
width: 14%;
padding:0px;
}
.calendar-day,.calendar-day-blank,.calendar-saturday,.calendar-sunday,.calendar-today{
font-size:10px;
text-align: center;
width: 14%;
padding:0px;
padding-top:1px;
padding-bottom:1px;
}
.calendar-today {
border:#ccc 1px solid;
}
.calendar-day a, .calendar-saturday a, .calendar-sunday a {
color: #70BDCD;
border-bottom:none;
display:block;
font-size:10px;
}
.calendar-today a {
font-size:10px;
text-decoration:underline;
border-bottom:none;
}
/****** Search Panel ******/
/****** Defaul Page Elements ******/
.article-top {
margin-top: 10px;
margin-bottom: 10px;
line-height: 150%;
clear:both;
height:35px;
}
.article-bottom {
margin: 10px 20px 10px 20px;
line-height: 150%;
clear:both;
height:35px;
}
/* page links */
.pages {
padding:5px 0 0 0;
}
.pagebar-mainbody{
}
.pagebar-selections{
padding:5px;
}
.pagebar-selections a{
padding:3px 6px;
background-color: #f6f6f6;
}
.pagebar-selections a:hover {
color:#ffffff;
text-decoration:none;
background-color:#000000;
}
.pagelink-current {
font-weight:normal;
padding:3px 6px;
color: #ffffff;
background-color: #666666;
}
.listbox {
margin-top:3px;
margin-left:10px;
margin-right:10px;
padding:5px;
}
.listbox-table {
width: 95%;
}
.listbox-header {
font-weight: bold; 
text-align: center;
height: 25px;
}
.listbox-entry {
word-wrap: break-all;
}
.listbox-entry a{
word-wrap: break-all;
}
/* entry display box */
.prev-article{  float:left;}
.next-article{  float:right;}
/* text box */
.textbox{
overflow:hidden;
display:inline-block;
font-size: 12px;
line-height: 16px;
margin: 10px 20px 30px 20px;
padding-bottom: 20px;
border-bottom: 1px solid #dee4da;
}
.textbox-title{
color: #ffffff;
font-size: 14px;
font-weight: normal;
word-wrap: break-all;
clear:both;
}
.textbox-title h4{
font-size: 14px;
color: #ffffff;
background:#999999;
padding:3px 2px 1px 2px;
float:left;
}
.textbox-title h4 a {
color: #ffffff;
font-family:verdana;
}
.textbox-title h4 a:hover {
COLOR: #ffffff;
TEXT-DECORATION: none;
}
.textbox-label{
font-size: 11px!important;
font-size: 11px;
color: #999999;
font-family: verdana, Arial, Helvetica, sans-serif;
text-indent: 0px;
line-height: 16px;
margin: 10px 0px 0 0px;
clear:both;
}
.textbox-content{
clear: both;
padding: 10px 0px 0px 0px;
word-wrap: break-word;
font-size:12px;
line-height: 150%;
}
.textbox-content a{
COLOR: #70BDCD;
}
.textbox-content a:hover{
COLOR: #999999;
}
.textbox-content img {
border:none;
}
.textbox-content textarea{
word-break: normal;
line-height: 150%;
color: #999999;
border:1px solid #BBB;
margin-top: 1px;
margin-bottom: 1px;
background-color: #ffffff;
}
.textbox-adminbar {  
padding-bottom: 4px;
padding-right: 10px;
font-size: 12px;
font-weight: normal;
text-align: right;
}
.textbox-tburl {
text-align: left;
margin-top: 5px;
margin-left: 0px;
padding-top: 3px;
font-size:12px !important;
font-size: 12px;
}
.tag {
padding: 20px 10px 0px 0;
font-size:12px !important;
font-size: 12px;
text-align:left;
}
.tag a{
COLOR: #70BDCD;
}
.tag a:hover{
COLOR: #999999;
}
.bottom {
padding: 10px 10px 0px 0;
font-size:11px !important;
font-size: 11px;
text-align:left;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.bottom a{
COLOR: #70BDCD;
}
.bottom a:hover{
COLOR: #999999;
}
/* comments wrapper */
.comment-wrapper{    
}
/* comments top box */
.comment-top{ /*un*/
padding:5px;
padding-top: 0px;
margin: 5px;
margin-left: 10px;
text-align: right;
}
.comment-pages{
padding:5px;
margin: 5px;
text-align: left;
margin-left: 15px;
}
.comment-pages a{
}
/* commnet box */
.commentbox{
word-wrap: break-word;
padding: 5px;
margin: 0 20px 10px 20px;
background-color: #f3f3f3;
border:1px solid #e8e7d0;
padding-left:10px;
}
.commentbox-title{
padding-bottom: 2px;
color: #333333;
font-weight: normal; 
}
.commentbox-label{
display: inline;
color: #999999;
font-size: 11px;
}
.commentbox-content{
word-wrap: break-word;
font-size:12px;
line-height: 150%;
padding: 5px 0px 5px 0px;
}
.commentbox-content a{
COLOR: #70BDCD;
}
.commentbox-content a:hover{
COLOR: #999999;
}
.reply {
padding:5px;
margin: 10px 10px 10px 25px;
line-height: 150%; 
color:#999999;
Background-color:#e8e8e8;
border:1px solid #ddd;
padding-left:10px;
}
.reply-title {
line-height: 150%; 
color:#EF6C6C;
}
.reply-content {
padding: 5px 0px 0px 0px;
line-height: 150%; 
color:#999999;
}
/* trackback box */
.trackbackbox{
word-wrap: break-word;
padding: 5px;
margin: 0 20px 10px 20px;
background-color: #fafafa;
}
.trackbackbox-title{
padding: 5px;
font-weight: bold; 
}
.trackbackbox-label{
color: #999999;
font-size: 12px;
}
.trackbackbox-content{
padding: 5px;
}
.trackbackbox-content a{
COLOR: #70BDCD;
}
.trackbackbox-content a:hover{
COLOR: #999999;
}
/* comment form wrapper */
#commentForm {
width: 99%;
overflow:hidden;
padding-left:20px;
padding-top:10px;
margin: 10px 0;
}
/****** normal message box ******/
.messagebox{   
text-align: center; 
width:538px;
background-color: #FFFFFF;
margin: 12px;
margin-top: 120px;
padding:10px;
}
.messagebox-title{
font-weight: bold; 
padding: 5px;
}
.messagebox-content{
padding: 10px; 
padding-bottom: 20px; 
text-align: left;
}
.messagebox-bottom{
padding: 5px;
}
/****** Input Form Styles (table) ******/
.formbox{}
.formbox-comment{
padding-top: 10px;
}
.formbox-title,.formbox-comment-title{
font-weight: bold;
padding: 5px;
}
.formbox-rowheader {
padding: 5px;
font-weight: bold;
}
.formbox-content {
padding: 5px;
}
/* smilies list */
.panel-smilies {
padding:5px;
text-align: center;
}
.panel-smilies-title {
color: #382E1F;
text-align: left;
border-bottom: 1px solid #E6E6FA;
}
.panel-smilies-content {
padding: 3px;
line-height: 120%;
}
/****** UBB Code Custom Styles ******/
/* IE fix for ul */
.code {
font-family:"Courier New";
background-color: #fafafa;
word-wrap: break-all;
font-size:12px;
line-height: 150%;
border-left:2px solid #999999;
margin: 10px 0px 0px 15px;
padding: 0 0 0 5px;
}
.quote {
margin: 10px 0px 0px 15px;
border-left:2px solid #999999;
}
.quote-title {
padding-left: 8px;
font-size: 12px;
font-weight: bold;
}
.quote-title img {
padding-right: 3px;
margin-bottom: -4px;
}
.quote-content {
word-wrap: break-all;
font-size:12px;
line-height: 150%; 
padding: 0px 0px 0px 5px;
}
.quote-content a{
COLOR: #70BDCD;
}
.quote-content a:hover{
COLOR: #999999;
}
.quote-content img{
border:none;
}
/****** Link ******/
.linkover {
margin-bottom: 20px;
height: auto;
clear: both;
}
.linkbody {
margin-top: 5px;
width: 250px;
float: left;
}
.linkimg {
/*	width: 35%;*/
float: left;
text-align: right;
margin-right: 4px;
}
.linktxt {
float: left;
}
.linktitle a {
}
.linkgroup {
font-weight: bold;
font-size: 12px;
margin-bottom: 5px;
color: #999999;
}
/* Emot Page Selection */
#smileybuttons {
text-align: right;
margin-top: 9px;
}
.smileybut {
margin-right:3px;
padding: 3px;
vertical-align: middle;
font-weight: normal;
text-align: center;
}
.smileybut  a{
}
/* page box */
.pagebox{
overflow:hidden;
display:inline-block;
font-size: 12px;
line-height: 16px;
margin: 10px 20px 20px 20px;
}
.pagebox-title{
color: #ffffff;
font-size: 14px;
font-weight: normal;
word-wrap: break-all;
}
.pagebox-title h4{
font-size: 14px;
color: #ffffff;
padding: 0;
background:#999999;
display: inline;
}
.pagebox-title h4 a {
color: #ffffff;
}
.pagebox-title h4 a:hover {
COLOR: #ffffff;
BACKGROUND-COLOR: #999999; 
TEXT-DECORATION: none;
}
.pagebox-content{
clear: both;
padding: 10px 0px 10px 0px;
word-wrap: break-word;
font-size:12px;
line-height: 150%;
}
.pagebox-content a{
COLOR: #70BDCD;
}
.pagebox-content a:hover{
COLOR: #999999;
}
.pagebox-content img {
border:none;
}
.pagebox-content textarea{
word-break: normal;
color: #999999;
border:1px solid #BBB;
margin-top: 1px;
margin-bottom: 1px;
background-color: #ffffff;
line-height: 150%;
}