﻿body {border:0;color:#665032;background: #f0e3c1;font-size:125%;font-family:sans-serif;line-height:160%;margin:0;padding:0;overflow-x:hidden}
table { border-collapse:collapse; border-width: 0px; padding: 0px; border-spacing: 0px; }
table.full { width:100%; }
.titlebar { background:#7a4d4d; color:#f2ebd9;font-weight:bold;clear:both;padding:0px;font-family:sans-serif;}
.text { padding:7px; }
textarea {width:85%; }

p {margin:0 1%; }
img { border-width:0;}
img.centered {display:block;vertical-align:middle;margin-left: auto; margin-right: auto;}
img.dipped {padding-top:13px;}
img.pageheader {width:100%;margin:0;}
div.pagetext {padding:0 2%;}
div.floater {float:left;}


a { color:#b53737;text-decoration:none;line-height:200%; }
a img {line-height:100%;}
a:hover { color:#b20943;text-decoration:underline; }
.hilite {color:#66cc00;}
.errtext {color:#00cccc;}

div#cufHeader,div#cufFooter {width:100%;}
div#cufHeaderNav,div#cufBody,div#cufFooterNav, .titlebar {margin:0;max-width:1398px;margin-left:auto; margin-right:auto;}
div#cufHeader, table#cufHeader {
background-color:#ffc134;
background-image: -ms-linear-gradient(top, #D58232 0%, #FFBF33 25%, #FFBF33 66%, #C86545 82%, #C86545 83.25%, #C09867 83.25%, #f0e3c1 100%);
background-image: -moz-linear-gradient(top, #D58232 0%, #FFBF33 25%, #FFBF33 66%, #C86545 82%, #C86545 83.25%, #C09867 83.25%, #f0e3c1 100%);
background-image: -o-linear-gradient(top, #D58232 0%, #FFBF33 25%, #FFBF33 66%, #C86545 82%, #C86545 83.25%, #C09867 83.25%, #f0e3c1 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D58232), color-stop(.25, #FFBF33), color-stop(.66, #FFBF33), color-stop(0.82, #C86545), color-stop(.8325, #C86545), color-stop(0.8325, #C09867), color-stop(1, #f0e3c1));
background-image: -webkit-linear-gradient(top, #D58232 0%, #FFBF33 25%, #FFBF33 66%, #C86545 82%, #C86545 83.25%, #C09867 83.25%, #f0e3c1 100%);
background-image: linear-gradient(#D58232 0%, #FFBF33 25%, #FFBF33 66%, #C86545 82%, #C86545 83.25%, #C09867 83.25%, #f0e3c1 100%);
}
div#cufFooter { color:#665032; clear:both;width:100%;background:#baa383 url('/img/hdr/footer.png') repeat-x center top;}



div#cufHeaderNav, div#cufFooterNav, div#cufCopy
{
zzdisplay:table;
margin-left:auto;
margin-right:auto;
max-width:1398px;
vertical-align:top;
width:100%;
/* zzline-height:1; */
}

.touchable {line-height:200%; padding:5px;}
.h {line-height:0;vertical-align:top;white-space: nowrap;float:left;}
.h img {}
.h a {line-height:0;}


.chto {color:black;background-color:white; padding: 0px;margin-bottom:3px;padding-right:1%;}
.chte {color:black;background-color:#d1c4a4; padding: 0px;margin-bottom:3px;}
 /*FOR ST Pats!*/ 
/*.chte {color:black;background-color:#AEE491; padding: 0px;margin-bottom:3px;}*/
.chto a {color:#003366;font-weight:bold;text-decoration:none;}
.chte a {color:#003366;font-weight:bold;text-decoration:none;}

.footer { color:#665032; clear:both;width:100%;background:#baa383 url('/img/hdr/footer.png') repeat-x center top;}
.footertable { display:table;width:100%;max-width:1398px;float:left;}
.footercell { display:table-cell;top:10px;width:15%;vertical-align:middle;}
.footercell img { margin:16px 10px 0px 0px; }
.footercell a {text-decoration:none;font-weight:bold;color:#665032;}
.footercell a:hover {color:#b20943;}



/*
.chto img {width:45px;height:50px; }
.chte img {width:45px;height:50px; }
*/
div.cufbtn { 
background-color:#d2d3d4;
background-image: -ms-radial-gradient(center, ellipse farthest-corner, #FFC137 0%, #EF5A01 100%);
background-image: -moz-radial-gradient(center, ellipse farthest-corner, #FFC137 0%, #EF5A01 100%);
background-image: -o-radial-gradient(center, ellipse farthest-corner, #FFC137 0%, #EF5A01 100%);
background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #FFC137), color-stop(1, #EF5A01));
background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #FFC137 0%, #EF5A01 100%);
background-image: radial-gradient(ellipse farthest-corner at center, #FFC137 0%, #EF5A01 100%);
border:3px solid #aa0000;
border-collapse:separate;
border-radius: 15px;
color:black;
cursor:pointer;
display:table;
float:left;
font-weight:bold;
height:3em;
margin:1% 1% 1% 1%;
text-align:center;
text-decoration:none;
-moz-border-radius: 15px;
vertical-align:middle;
width:98%;
}

div.cufbtnGold { background-color:#fceb71;
-o-border-image: url('/img/bg/ButSelFlare.png') 2;-moz-border-image: url('/img/bg/ButSelFlare.png') 2;-webkit-border-image: url('/img/bg/ButSelFlare.png') 2;border-image: url('/img/bg/ButSelFlare.png') 2;
}

div.cufbtn a { text-decoration: none; }
div.cufbtn img { text-align:center;width:2em;height:2em;vertical-align:middle}

div.cufbm { #position: absolute;#top: 50%;display:table-cell; vertical-align: middle;text-align:center;width:100%;overflow: hidden;}
div.cufbc { #position: relative; #top:-50%;text-align:center;width:100%;line-height: 100%;}
div.cufbc img { vertical-align:middle;margin:.5em auto .5em auto;}

@media (min-width:240px) {
  div.cufbtn {width:46.5%;width: -moz-calc(47% - 6px);}
}

@media (min-width:490px)  {
  div.cufbtn { width:22.5%;width: -moz-calc(23% - 6px);}
}

@media (min-width:1428px)  {
div.pagetext {padding:0;}
}

/*
#cufPopup { 
position:absolute;background-color:transparent;z-index: 102;top:30px;right:30px;padding:0px 0px;border-width:22px;
-o-border-image: url('/img/bg/Popup.png') 22;-moz-border-image: url('/img/bg/Popup.png') 22;-webkit-border-image: url('/img/bg/Popup.png') 22;border-image: url('/img/bg/Popup.png') 22;
}

#cufPopup a {text-decoration:none;color:black}
#cufPopup img {width:20px;height:20px;vertical-align:middle;float:left;padding-top:6px;}
#cufPopup img.r2l  {float:right;}
#cufPopup hr {color:gray;background-color:gray;width:100%;padding:0px;}
#cufPopup div {padding:1em 7px;line-height:200%;background-color:#5798b0;}
#cufPopupUndercoat {background-color:#111;opacity: 0.65;filter:alpha(opacity=65);position:absolute;z-index: 101;top:0px;left:0px;width:100%;height:100%;}
*/

#cufContent { float:left;position:relative;width:100%;overflow:hidden}
#cufSideBar {float:left;max-width:100%;position:relative;}
#cufSidedSpace,#cufChat {clear:left;float:left;width:100%;}
#cufSidedSpace {overflow:hidden;}
div#cufFooterNav {display:inline;}
#cufFooterLinks { float:left;position:relative;width:100%;font-weight:bold;top:15px;vertical-align:middle;font-size:medium;}
#cufFooterIcons {float:left;text-align:right;width:100%;position:relative;margin:16px 10px 0px 0px; }
#cufFooterIcons img {margin:16px 10px 0px 0px; }
div#cufCopy { clear:both;width:100%;font-size:small;display:inline;}
.HeaderAd { background-color: #1C1C1C;position:fixed;width:100%;z-index:10; }

@media (min-width:800px) {
  #cufContent { width:37%;}
  #cufSideBar  { width:61%;padding-left:2%;}
  #cufFooterLinks { width:58%;display:table-cell; -moz-calc(100% - 270px);}
  #cufFooterIcons { width:38%;padding-left:2%;display:table-cell; -moz-calc(0% + 270px);}
  div#cufFooterNav {display:table;}
 
}

.inboxLink a {
color: #003366;
line-height: 100%;
}

@media only screen and (min-width: 600px) {
 div.cufbc { #position: relative; #top:-50%;text-align:center;width:100%;line-height: 100%;font-size:large;}
}

#dropdownwrap{
height: 50px;
width: 100%;
float: left;
margin: 0px 0px 0px 0px;
background-color: #434343;
display: none;
/* padding: 20px; */
/* border: 1px solid goldenrod; */

}
 
#dropdownContent {
position: relative;
top: 21%;
color: goldenrod;
display: none;
left: 16px;
margin-right: 40px;
}

/*#dropdownClose {
float: right;
left: -20px;
position: relative;
color: goldenrod;
display: none;
}*/

#dropdownClose {
position: absolute;
right: 0px;
top: 0px;
color: goldenrod;
display: none;
font-size: 19pt;
}


#optimatic_holder_holder {
position: fixed;
top: 16px;
border: 0px;
display: none;
z-index: 999;
width: 100%;
}

#optimatic_holder {
  margin: auto;
}

#opaque_layer {
  position: fixed;
top: 0;
left: 0;
  background: black;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  z-index: 499;
  display: none;
}