/******************************************************************************/
/*  GLOBAL STYLE                                                              */
/******************************************************************************/

body { padding: 0; margin: 0; background: #ffffff url('../images/body-bg.gif') no-repeat center top; color: #303030; font: 13px Arial, Verdana, Sans-serif;
}

a, a:link, a:visited { color: #306090;
}

p { margin: 15px 0;
}

p.top { margin: 0 0 15px 0;
}

p.bottom { margin: 15px 0 0 0;
}

p.hp { margin: 0 0 25px 0;
}

h1 { margin: 0 0 15px 0; font-size: 140%; font-weight: bold; color: #306090;
}

h1.ptop { padding: 0 0 2px 0; border-bottom: 1px solid #dcdcdc; color: #303030;
}

h2 { margin: 15px 0; font-size: 120%; font-weight: bold; color: #306090;
}

hr { padding: 0; margin: 15px 0; border: 0; height: 1px; color: #dcdcdc; background-color: #dcdcdc;
}

ul { padding-left: 0; margin: 0; list-style-type: none; color: #303030;
}

ul li { padding-left: 20px; margin-bottom: 8px; background: url('../images/bullet.gif') no-repeat left top;
}

ul li span, ul li p { color: #303030;
}

ul li ul { margin: 8px 0; list-style-type: none;
}

ul li ul li { background: url('../images/li-bullet.gif') no-repeat left top;
}

ol { margin-top: 15px; margin-bottom: 15px;
}

dl { padding: 0; margin: 15px 0 0 0;
}

dl dt { float: left; clear: left; width: 160px; padding: 3px 0;
}

dl dd { margin: 0 0 0 160px; padding: 3px 0;
}

pre { padding: 5px 5px 5px 35px; margin: 15px 0; border: 1px dashed #cccccc; background: #f4f6f8 url('../images/pre-bg.png') no-repeat left top; #background-position: left 1px;
}

.small { font-size: 83%;
}

.large { font-size: 120%;
}

.gray { color: #808080; line-height: normal;
}

.red { color: #ff0000;
}

.orange { color: #ff6600;
}

.check { padding: 7px 0 7px 35px; margin: 15px 0; border: 0; background: #ffffff url('../images/check.gif') no-repeat left top; color: #008000;
}

.alert { padding: 7px 0 7px 35px; margin: 15px 0; border: 0; background: #ffffff url('../images/alert.gif') no-repeat left top; color: #cc0000;
}

.member-image { padding: 2px; margin: 0 0 5px 0; border: 1px solid #dcdcdc; background: #ffffff;
}

/*********************************************/
/*  LAYOUT STYLE                             */
/*********************************************/

#container { padding: 0; margin: 0 auto; width: 960px; overflow: hidden;
}

#top { padding: 7px 0 9px 0; margin: 0; text-align: right; color: #ffffff; overflow: hidden;
}

#top a { padding: 0 0 3px 12px; margin-left: 12px; border-left: 1px solid #ffffff; color: #ffffff; text-decoration: none;
}

#top a:hover { text-decoration: underline;
}

#header { padding: 0; margin: 0; overflow: hidden;
}

#header #h-left { float: left; padding: 22px 0; width: 240px;
}

#header #h-right { float: right; padding-top: 60px; width: 720px; text-align: right; overflow: hidden;
}

#header #h-right div { float: right; padding: 0;
}

#header #h-right div a { float: left; padding: 0 15px 20px 15px; margin-left: 2px; background: #ffffff url('../images/h-right-div-a-bg.gif') no-repeat center 0; height: 20px; font-size: 120%; font-weight: bold; color: #808080; text-decoration: none;
}

#header #h-right div a.ll { background-position: left 0;
}

#header #h-right div a.rl { background-position: right 0;
}

#header #h-right div a.on { background-position: center -40px;
}

#header #h-right div a.ll-on { background-position: left -40px;
}

#header #h-right div a.rl-on { background-position: right -40px;
}

#istrip { padding: 8px 0 9px 58px; font-size: 140%; color: #ffffff; overflow: hidden;
}

#content { padding: 0 25px; margin: 60px 0 0 0; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; overflow: hidden;
}

#footer { padding: 25px; margin: 25px 0 0 0; background: #ffffff url('../images/footer-bg.gif') repeat-x left top; color: #808080; overflow: hidden;
}

#footer p { margin: 0 0 15px 0;
}

#footer p.bottom { margin: 0;
}

#footer img { float: right;
}

/*********************************************/
/*  LEFT SIDEBAR STYLE                       */
/*********************************************/

#content #left-content { float: right; padding-left: 25px; width: 657px;
}

#content #left-sidebar { float: left; padding-right: 25px; border-right: 1px solid #dcdcdc; width: 200px;
}

#content #left-sidebar h2 { margin: 0 0 15px 0;
}

#content #left-sidebar ul { margin-bottom: 15px;
}

#content #left-sidebar ul li a { color: #303030; text-decoration: none;
}

#content #left-sidebar ul li a:hover { color: #306090; text-decoration: underline;
}

#content #left-sidebar ul li a.on, #content #left-sidebar ul li a.on:hover { color: #ffc000;
}

#content #left-sidebar ul li ul { margin-bottom: 5px;
}

#content #left-sidebar form { margin: 0;
}

#content #left-sidebar form * { vertical-align: middle;
}

#content #left-sidebar form input { padding: 0; margin: 0;
}

#content #left-sidebar form .text { padding: 3px; margin: 0 5px 0 0; border: 1px solid #cccccc; width: 152px; font: 13px Arial, Verdana, Sans-serif; color: #404040;
}

/*********************************************/
/*  RIGHT SIDEBAR STYLE                      */
/*********************************************/

#content #right-content { float: left; padding-right: 25px; width: 657px;
}

#content #right-sidebar { float: right; padding-left: 25px; border-left: 1px solid #dcdcdc; width: 200px;
}

#content #right-sidebar h2 { margin: 0 0 15px 0;
}

#content #right-sidebar ul { margin-bottom: 15px;
}

#content #right-sidebar ul li a { color: #303030;
}

#content #right-sidebar ul li a:hover { color: #306090; text-decoration: underline;
}

#content #right-sidebar ul li a.on, #content #right-sidebar ul li a.on:hover { color: #ffc000;
}

#content #right-sidebar form { margin: 0;
}

#content #right-sidebar form * { vertical-align: middle;
}

#content #right-sidebar form input { padding: 0; margin: 0;
}

#content #right-sidebar form .button { padding: 5px; margin: 0; width: auto; overflow: visible; font: 13px Arial, Verdana, Sans-serif;
}

#content #right-sidebar form .text { padding: 3px; margin: 0 5px 0 0; border: 1px solid #cccccc; width: 152px; font: 13px Arial, Verdana, Sans-serif; color: #404040;
}

/******************************************************************************/
/*  TABLE STYLE                                                               */
/******************************************************************************/

table.features { margin: 0; border-collapse: collapse;
}

table.features td { padding: 5px; margin: 0; background: #ffffff; border: 1px solid #cccccc; text-align: center;
}

table.features td.head { background: #e2e2e2; font-weight: bold; text-align: left;
}

table.features td.text { text-align: left; width: 400px;
}

table.features tr.even td { background: #f2f2f2;
}

/*********************************************/
/*  FORM STYLE                               */
/*********************************************/

form { padding: 0; margin: 0;
}

form .button { padding: 5px; margin: 0; width: auto; overflow: visible; font: 13px Arial, Verdana, Sans-serif;
}

.pform { padding: 10px; margin: 15px 0; border: 1px solid #dcdcdc; width: 230px; background: #f4f4f4;
}

form div { display: block; clear: both; padding: 5px 0; margin: 0; border: 0; width: 100%;
}

form input { font: 13px Arial, Verdana, Sans-serif; padding: 3px;
}

form select { height: 22px; font: 13px Arial, Verdana, Sans-serif;
}

form textarea { font: 13px Arial, Verdana, Sans-serif; padding: 3px;
}

form label { float: left; padding: 3px 0; width: 150px; font-weight: bold;
}

form label span { color: #ff0000;
}

form .txt { width: 394px;
}

form select.txt { width: 400px;
}

form .txt2 { width: 294px;
}

form select.txt2 { width: 300px;
}

form .stxt { width: 242px;
}

form .boxes { vertical-align: middle;
}

form .boxes * { vertical-align: middle;
}

form .cbox { padding: 0; margin: 0 5px 0 0; width: 1em;
}

form .file { padding: 3px; width: 400px;
}

.help { margin-left: 5px; font-size: 83%; color: #808080; vertical-align: middle;
}

.help * { vertical-align: middle;
}

.bhelp { display: block; clear: both; padding: 0; margin: 5px 0 0 150px; font-size: 83%; color: #808080; vertical-align: middle;
}

/*********************************************/
/*  FILE ATTACH STYLE                        */
/*********************************************/

#file-links { margin: 10px 0;
}

#file-form { display: none; padding: 10px 0; margin: 10px 0; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; width: 502px;
}

#file-form .file { width: 272px;
}

#file-form span { display: block; margin-top: 10px; font-size: 11px; color: #808080;
}

#file-attachments { display: none; margin: 0 0 10px 0;
}

#file-attachments span { display: block; margin-top: 10px; padding: 2px 0 10px 27px; background: url('../images/icon-file.gif') no-repeat; height: 11px; font-size: 11px;
}

/*********************************************/
/*  ARTICLE STYLE                            */
/*********************************************/

.article { padding-bottom: 15px; margin: 0 0 15px 0; border-bottom: 1px dashed #cccccc;
}

.article span { color: #808080;
}

.article span.details { display: block; margin-top: 5px;
}

/*********************************************/
/*  QUESTION STYLE                           */
/*********************************************/

.question { padding: 15px; margin: 0 0 15px 0; border: 1px solid #dcdcdc; background: #f2f4f6;
}

.question span.title { display: block; margin: 10px 0; font-weight: bold; font-size: 120%; color: #303030;
}

.question span.details { display: block; margin-top: 10px; font-size: 11px; color: #808080;
}

.answer { padding: 15px; margin: 15px 0; border: 1px solid #dcdcdc;
}

.answer span { color: #808080;
}

.answer span.details { display: block; margin-top: 10px; font-size: 11px;
}

.answer img { margin-bottom: 10px;
}

.answer p { padding: 5px; margin: 10px 0; font-size: 11px; background: #f5f5f5;
}

.answer .files span { display: block; margin-top: 10px; padding: 2px 0 10px 27px; background: url('../images/icon-file.gif') no-repeat; height: 11px; font-size: 11px;
}

.answers { font-size: 140%; padding-bottom: 15px; margin: 0 0 15px 0; border-bottom: 1px dashed #dcdcdc;
}

#answer-form { padding: 10px; border: 1px solid #d5d5d5; background: #f5f5f5; width: 450px;
}

#answer-form p { margin: 0 0 10px 0;
}

#answer-form textarea { padding: 5px; width: 436px;
}

/*********************************************/
/*  PAGE LINKS STYLE                         */
/*********************************************/

.page-links { clear: both; padding: 0; margin: 15px 0 0 0; overflow: hidden;
}

.page-links a { float: left; padding: 5px 8px; margin-right: 6px; border: 1px solid #cccccc; background: #ffffff; text-decoration: none;
}

.page-links a:hover { border-color: #303030; color: #303030;
}

.page-links span.current { float: left; padding: 5px 8px; margin-right: 6px; border: 1px solid #303030; background: #ffffff; font-weight: bold;
}

.page-links span.off { float: left; padding: 5px 8px; margin-right: 6px; border: 1px solid #dcdcdc; background: #ffffff; color: #909090;
}