body, td, p {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
}
.menu {
font-size: 10pt;
font-weight: bold;
color: #FFF;
padding: 2px;
text-decoration: none;
cursor: pointer;
}
.menu2 {
font-size: 8pt;
font-weight: bold;
color: #FFF;
padding: 2px;
cursor: pointer;
}
.menu3 {
font-size: 10pt;
font-weight: bolder;
color: #000;
padding: 2px;
text-decoration: none;
padding-left: 4px;
cursor: pointer;
}
.navi2 {
font-size : 8pt;
font-weight : bolder;
color : Black;
padding : 1px;
text-decoration : none;
cursor: pointer;
}
a:link.forumMenu, a:visited.forumMenu {
text-decoration: none;
color: #FFF;
}
a:hover.forumMenu {
color: #FFF;
}
td.forumMenu {
border: 1px solid #000;
color: #FFF;
font-size: 8pt;
font-weight: bold;
cursor: pointer;
}
td.headerMenu {
border: 1px solid #000;
color: #FFF;
font-size: 8pt;
font-weight: bold;
cursor: pointer;
}
.buttonscontainer {
width: 140px;
background-color: #000;
}
.buttons a, .buttons span {
color: #FFF;
font-size: 10pt;
font-weight: bold;
padding: 2px;
padding-left: 3px;
display: block;
text-decoration: none;
text-align: left;
margin-bottom: 1px;
cursor: pointer;
}
.buttons a:hover, .buttons span:hover {
border-left: 8px solid #D7D6C2;
text-decoration: none;
color: #FFF;
cursor: pointer;
}
.buttons2 a {
color: #000;
font-size: 10pt;
font-weight: bold;
background-color: #D7D6C2;
padding: 2px;
padding-left: 3px;
display: block;
border-left: 8px solid #F7F6E2;
text-decoration: none;
text-align: left;
margin-bottom: 1px;
}
.buttons2 a:hover {
text-decoration: none;
color: #000;
}
.buttonsinfo {
color: #FFF;
font-size: 8pt;
font-weight: bold;
padding: 2px;
display: block;
text-align: left;
margin-bottom: 1px;
}
.topnav {
border: 1px solid Black;
}
.topnav a {
color: #FFF;
font-size: 8pt;
font-weight: bold;
padding: 1px;
padding-left: 4px;
padding-right: 7px;
display: block;
text-decoration: none;
text-align: left;
}
.topnav a:hover {
text-decoration: none;
color: #FFF;
}
.inbox {
border: 1px solid Black;
}
.inbox a {
color: #FFF;
font-size: 8pt;
font-weight: bold;
background-color: #D65A5E;
padding: 1px;
padding-left: 4px;
padding-right: 7px;
display: block;
text-decoration: none;
text-align: left;
}
.inbox a:hover {
background-color: #8E2427;
text-decoration: none;
color: #FFF;
}
.login {
border-bottom: 1px solid black;
}
.login a {
color: #FFF;
font-size: 10pt;
font-weight: bold;
background-color: #255863;
padding: 2px;
padding-left: 4px;
display: block;
text-decoration: none;
text-align: left;
}
.login a:hover {
background-color: #457883;
text-decoration: none;
color: #FFF;
}
.register {
border-bottom: 1px solid black;
}
.register a {
color: #FFF;
font-size: 10pt;
font-weight: bold;
background-color: #4D3370;
padding: 2px;
padding-left: 4px;
display: block;
text-decoration: none;
text-align: left;
}
.register a:hover {
background-color: #6D5390;
text-decoration: none;
color: #FFF;
}
.bottomnav {
border-left: 1px solid Black;
border-right: 1px solid Black;
border-bottom: 1px solid Black;
}
.bottomnav a {
color: #000;
font-size: 8pt;
font-weight: bold;
background-color: #FFF;
padding: 2px;
padding-left: 3px;
display: block;
text-decoration: none;
text-align: left;
}
.bottomnav a:hover {
color: #000;
background-color: #F7F6E2;
text-decoration: none;
}
.quicksearch {
color: #FFF;
border: 1px solid black;
font-size: 10pt;
font-weight: bold;
cursor: pointer;
}
.forumnavcell {
color: #FFF;
font-size: 9pt;
}
.forumnav {
border: 1px solid Black;
}
.forumnav a {
color: #FFF;
font-size: 8pt;
font-weight: bold;
padding: 1px 5px 1px 5px;
display: block;
text-decoration: none;
text-align: left;
cursor: pointer;
}
.forumnav a:hover {
text-decoration: none;
color: #FFF;
}
.forumnavCurrent {
border: 1px solid Black;
color: #FFF;
font-size: 8pt;
font-weight: bold;
padding: 1px 5px 1px 5px;
display: block;
text-decoration: none;
text-align: left;
}
span.forumNavSelect {
font-size: 8pt;
font-weight: bold;
background-color: #323287;
color:#fff;
padding: 0 0 0 4px;
border:1px solid #000;
}
.forumNavSelectInner {
background:url(/global/images/selectBoxArrow.gif) no-repeat center right;
padding: 1px 25px 1px 3px;
}
.button, .button_over {
border: 1px solid #000;
color: #FFF;
cursor: default;
font-size: 11px;
font-weight: bold;
}
.button_over {
border: 1px solid #000;
color: #FFF;
cursor: pointer;
}
.alert_error {
background: #ffd9d8 url(/global/icons/exclamation.png) center no-repeat;
background-position: 15px 50%;
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #ff797d;
border-bottom: 2px solid #ff797d;
margin: 10px 0px 10px 0px;
}
.alert_warning {
background: #fff6bf url(/global/icons/error.png) center no-repeat;
background-position: 15px 50%;
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
margin: 10px 0px 10px 0px;
}
.alert_info {
background: #f8fafc url(/global/icons/information.png) center no-repeat;
background-position: 15px 50%;
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #b5d4fe;
border-bottom: 2px solid #b5d4fe;
margin: 10px 0px 10px 0px;
}
.alert_confirm {
background: #dcffdf url(/global/icons/accept.png) center no-repeat;
background-position: 15px 50%;
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #86ff88;
border-bottom: 2px solid #86ff88;
margin: 10px 0px 10px 0px;
}
input.text, textarea.textarea, select.select, input.file {
margin:0;
font-size:100%;
border-top:1px solid #7c7c7c;
border-left:1px solid #c3c3c3;
border-right:1px solid #c3c3c3;
border-bottom:1px solid #ddd;
background:#fff url(/global/fieldbg.gif) repeat-x top;
color:#111;
}
input.text{
padding: 2px;
}
textarea.textarea, select.select{
padding:1px;
}
legend {
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.fieldset { margin-bottom: 6px; }
/* BUTTONS */
.fbuttons a, .fbuttons button {
display:block;
float:left;
margin:0 7px 0 0;
background-color:#f5f5f5;
border:1px solid #dedede;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size:90%;
line-height:130%;
text-decoration:none;
font-weight:bold;
color:#565656;
cursor:pointer;
padding:3px 8px 4px 5px; /* Links */
-moz-border-radius: 3px;
border-radius: 3px;
}
.fbuttons button {
width:auto;
overflow:visible;
padding:2px 8px 1px 5px; /* IE6 */
}
.fbuttons button[type] {
padding:3px 8px 3px 5px; /* Firefox */
line-height:15px; /* Safari */
}
*:first-child+html button[type] {
padding:2px 8px 1px 5px; /* IE7 */
}
.fbuttons button img, .fbuttons a img {
margin:0 3px -3px 0 !important;
padding:0;
border:none;
width:16px;
height:16px;
}
/* SMALL BUTTONS */
.smallbuttons a, .smallbuttons button{
display: inline-block;
margin:0 0 0 5px;
background-color:#f5f5f5;
border:1px solid #dedede;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size:60%;
line-height:100%;
text-decoration:none;
font-weight:bold;
color:#333;
cursor:pointer;
padding:1px 4px 1px 3px; /* Links */
-moz-border-radius: 3px;
border-radius: 3px;
}
.smallbuttons button img, .smallbuttons a img{
margin:0 3px -1px 0 !important;
padding:0;
border:none;
width:10px;
height:10px;
}
/* STANDARD */
button:hover, .fbuttons a:hover, .smallbuttons a:hover {
background-color:#dff4ff;
border:1px solid #c2e1ef;
color:#336699;
}
.fbuttons a:active, .smallbuttons a:active {
background-color:#6299c5;
border:1px solid #6299c5;
color:#fff;
}
/* POSITIVE */
button.positive, .fbuttons a.positive {
color:#529214;
}
.fbuttons a.positive:hover, button.positive:hover {
background-color:#E6EFC2;
border:1px solid #C6D880;
color:#529214;
}
.fbuttons a.positive:active {
background-color:#529214;
border:1px solid #529214;
color:#fff;
}
/* NEGATIVE */
.fbuttons a.negative, button.negative {
color:#d12f19;
}
.fbuttons a.negative:hover, button.negative:hover {
background:#fbe3e4;
border:1px solid #fbc2c4;
color:#d12f19;
}
.fbuttons a.negative:active {
background-color:#d12f19;
border:1px solid #d12f19;
color:#fff;
}
.floatright {
float: right;
}
.floatright a, .floatright button {
margin: 0 0 0 7px;
}
.floatcenter {
float: none;
text-align: center;
}
#tt {
position:absolute;
display:block;
background:url(/global/images/tt_left.gif) top left no-repeat;
}
#tttop {
display:block;
height:5px;
margin-left:5px;
background:url(/global/images/tt_top.gif) top right no-repeat;
overflow:hidden;
}
#ttcont {
display:block;
padding:2px 12px 3px 7px;
margin-left:5px;
background:#666;
color:#fff;
}
#ttbot {
display:block;
height:5px;
margin-left:5px;
background:url(/global/images/tt_bottom.gif) top right no-repeat;
overflow:hidden;
}
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}
.gmeNav {
border-top: 1px #999999 solid;
border-bottom: 2px #555555 solid;
background-color: #ddd;
}
.gmeNav td {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
.gmeNav a {
text-decoration: none;
color: #009;
font-size: 10px;
}
.gmeNavTitle {
color: #006;
font-family: Verdana, Geneva, sans-serif;
font-weight: bold;
}
footer {
font-size: 10px;
}
.moderatorMenuTab {
background: url(/global/images/tab_bg_off.gif);
cursor: pointer;
height: 20px;
max-height: 20px;
min-width: 95px;
width: 95px;
margin: 0;
padding: 0 0 0 5px;
font-weight: bold;
}
.moderatorMenuTabOn {
background: url(/global/images/tab_bg_on.gif) !important;
}
.moderatorTable {
border: 1px solid black;
border-top: 0px;
}
.smallBoldLinks {
color: #000000;
text-decoration: none;
font-size: 8pt;
font-weight: bold;
}

.scroller_anchor{height:0px; margin:0; padding:0;}
.scroller{z-index:1000;}
.timeline {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
}
td.forumMenu {
background-color: #323287;
}
td.headerMenu {
background-color: #8080B0;
}
.buttonscontainer {
border-bottom: 1px solid #8080B0;
}
.buttons a, .buttons span {
background-color: #323287;
border-left: 8px solid #8080B0;
}
.buttons2 a:hover {
border-left: 8px solid #8080B0;
}
.buttonsinfo {
background-color: #325587;
}
.topnav a {
background-color: #8080B0;
}
.topnav a:hover {
background-color: #323287;
}
.quicksearch {
background: #323287;
}
.forumnavcell {
background-color: #8080B0;
}
.forumnav a {
background-color: #323287;
}
.forumnav a:hover {
background-color: #8080B0;
}
.forumnavCurrent {
background-color: #8080B0;
}
.button, .button_over {
background-color: #323287;
}
.button_over {
background-color: #8080B0;
}
.homepage-news-header {
background: #ffffff;
background: -moz-linear-gradient(top,  #eeeedd 0%, #eeeedd 80%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeedd), color-stop(80%,#eeeedd), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top,  #eeeedd 0%,#eeeedd 80%,#ffffff 100%);
background: -o-linear-gradient(top,  #eeeedd 0%,#eeeedd 80%,#ffffff 100%);
background: -ms-linear-gradient(top,  #eeeedd 0%,#eeeedd 80%,#ffffff 100%);
background: linear-gradient(to bottom,  #eeeedd 0%,#eeeedd 80%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeedd', endColorstr='#ffffff',GradientType=0 );
padding: 5px 10px 10px 10px;
}
.PhorumTableHeader, .PhorumRead {
font-size: 14px;
}
.PhorumForumTitle {
font-size : 14px;
font-weight: bold;
}
.PhorumTableHeader {
font-size: 14px;
font-weight: bold;
}
.ListHeader {
font-size : 14px;
font-weight: bold;
color: #FFF;
background-color: #0088CC;
}
.ListRow {
font-size : 14px;
color: #000;
background-color: #DDC;
}
.ListRow a {
color: #000;
}
.SubjectRow {
font-size : 14px;
color: #000;
background-color: #f4f4e9;
}
.DateRow {
font-size : 12px;
color: #000;
background-color: #EED;
}
.PhorumNav {
font-size: 12px;
}
.PhorumNewFlag {
font-size: 12px;
color: Red;
}
.PhorumRead {
color: #046;
}
.PhorumUnread {
color: #07a;
}
.PhorumPages {
font-size: 12px;
}
.PhorumMessage {
font-size: 14px;
color: #000;
display: block;
overflow: auto;
padding: 10px;
clear: all;
}
.forumUser {
text-decoration: none;
color: #000;
}
.MessageSubject {
padding-left: 5px;
font-size: 14pt;
color: #FFF;
}
.PhorumPost {
background-color: #EED;
border-bottom: 2px solid #CC9;
margin: 1px 0 20px 0;
padding: 0;
}
.PhorumHeader {
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 80%, #eeeedd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(80%,#ffffff), color-stop(100%,#eeeedd));
background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 80%,#eeeedd 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 80%,#eeeedd 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 80%,#eeeedd 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 80%,#eeeedd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeedd',GradientType=0 );
padding: 0 10px;
}
.PhorumMessageHeader {
background: #ffffff;
padding: 0 10px;
}
.PhorumMessageMiddle {
min-height: 30px;
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 20%, #eeeedd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#ffffff), color-stop(100%,#eeeedd));
background: -webkit-linear-gradient(top,  #ffffff 20%,#eeeedd 100%);
background: -o-linear-gradient(top,  #ffffff 20%,#eeeedd 100%);
background: -ms-linear-gradient(top,  #ffffff 20%,#eeeedd 100%);
background: linear-gradient(to bottom,  #ffffff 20%,#eeeedd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeedd',GradientType=0 );
padding: 0 10px;
}
.PhorumHeaderSubject {
font-size: 14pt;
font-weight: bold;
color: #000;
}
.PhorumHeaderDate {
color: #000;
}
.PhorumHeaderAuthor {
font-size: 12pt;
}
.PhorumHeaderIcons {
padding: 2px 0 0 2px;
}
.PhorumCodeBlock {
padding: 12px;
background-color: #FFF;
}
.PhorumIgnoredList {
width: 100%; 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
.PhorumAnchor {
display: block;
position: relative;
top: -200px;
visibility: hidden;
}

#content {
	background: #fff;
}

@media(max-width: 980px) { 

/* Show "Left" drawer for the "Right" drawer in the demo */
.snapjs-right .snap-drawer-left {
	display: block;
	right: 0;
	left: auto;
}
/* Hide the actual "Right" drawer in the demo */
.snapjs-right .snap-drawer-right {
	display: none;
}
.snap-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  z-index: 2;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.snap-drawers {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
}
.snap-drawer {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: auto;
  width: 265px;
  height: auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: width 0.3s ease;
     -moz-transition: width 0.3s ease;
      -ms-transition: width 0.3s ease;
       -o-transition: width 0.3s ease;
          transition: width 0.3s ease;
}
.snap-drawer-left {
  left: 0;
  z-index: 1;
}
.snap-drawer-right {
  right: 0;
  z-index: 1;
}
.snapjs-left .snap-drawer-right,
.snapjs-right .snap-drawer-left {
  display: none;
}
.snapjs-expand-left .snap-drawer-left,
.snapjs-expand-right .snap-drawer-right {
  width: 100%;
}

}