﻿body {border:0;color:white;background: #00182b;font: 13pt Droid Sans, BBMillbank, Helvetica, sans-serif}
* {margin:0;padding:0;}
table { border-collapse:collapse; border-width: 0px; padding: 0px; border-spacing: 0px; }
table.full { width:100%; }
.titlebar { background:#003756; font-weight:bold;clear:both; }
.text { padding:7px; }
.footer { display:block; font-size:75%; text-align:center; clear:both;width:100%;}
.footer a{text-decoration:none;font-weight:bold;color:#FFCC00}
img { border:0px;}
img.centered {display:block;vertical-align:middle;margin-left: auto; margin-right: auto;}
img.dipped {padding-top:13px;}
a { line-height:200%;color:#FFCC00;text-decoration:none; }
a.hover { text-decoration:underline; }
zzdiv {border:1px solid red;}

.zzh {display:table-cell;vertical-align:middle;background-color:#d2d3d4;background:url('/img/bg/ButUnsFlare.png') repeat-y; background-size: 100%; -o-border-image: url('/img/bg/ButUnsFlare.png') 2;-moz-border-image: url('/img/bg/ButUnsFlare.png') 2;-webkit-border-image: url('/img/bg/ButUnsFlare.png') 2;border-image: url('/img/bg/ButUnsFlare.png') 2; height:100%;}
.h {display:table-cell;vertical-align:middle;background-color:#d2d3d4; -o-border-image: url('/img/bg/ButUnsFlare.png') 2;-moz-border-image: url('/img/bg/ButUnsFlare.png') 2;-webkit-border-image: url('/img/bg/ButUnsFlare.png') 2;border-image: url('/img/bg/ButUnsFlare.png') 2; height:100%;}

.chto {color:black;background-color:white; padding: 0px;margin-bottom:3px;}
.chte {color:black;background-color:lightgray; padding: 0px;margin-bottom:3px;}

.chto a {color:black;font-weight:bold;text-decoration:none;}
.chte a {color:black;font-weight:bold;text-decoration:none;}

.chto img {width:45px;height:50px; }
.chte img {width:45px;height:50px; }

div.cufbtn { margin:0px; float:left;width:100%;height:3em;background-color:#d2d3d4;vertical-align:middle;display:table; text-align:center;color:black; text-decoration:none;font-weight:bold;cursor:pointer;
-o-border-image: url('/img/bg/ButUnsFlare.png') 2;-moz-border-image: url('/img/bg/ButUnsFlare.png') 2;-webkit-border-image: url('/img/bg/ButUnsFlare.png') 2;border-image: url('/img/bg/ButUnsFlare.png') 2;
}

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-right:7px;}

@media (min-width:240px) {
  div.cufbtn {width:50%;width: -moz-calc(50% - 6px);}
}

@media (min-width:490px)  {
  div.cufbtn { width:25%;width: -moz-calc(25% - 6px);}
}

#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;}
#cufPopup hr {color:gray;background-color:gray;width:100%;padding:0px;}
#cufPopup div {padding:1em 7px;line-height:200%;}
#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;min-width:100%;position:relative;}
#cufSideBar {float:left;max-width:100%;position:relative;padding-bottom:20px;}
#cufSidedSpace,#cufChat {clear:left;float:left;width:100%;}
#cufSidedSpace {overflow:hidden;}

@media (min-width:800px)  {
  #cufSideBar { clear:none;max-width:38%; }
  #cufContent { min-width:61%; max-width:62%;}
}

.inboxLink a {
color: #003366;
line-height: 100%;
}
