body {
    background-color: #f0ede1;/*#e1ddd9;*/
    font-size: 10pt;
    font-family: Arial, SunSans-Regular, Sans-Serif;
    padding:0px;
    margin:0px;
    color: #464646;
    text-align: center;
    behavior: url("../js/csshover3.htc");
}

#container{ text-align:left; }

A:link {text-decoration: underline; color: #810710; }
A:visited {text-decoration: underline; color: #810710; }
A:active {text-decoration: underline; color: #810710; }
A:hover {text-decoration: underline; color: red;}

.colbold { color: #a20a14; font-weight:bolder; }

textarea {
background: #fff url(../images/textarea-bg.gif) repeat-x;
border: 1px solid #d5d5d5;
font-weight:bolder;
font-size:11pt;
color:#919191;
overflow:hidden;
overflow-y: hidden;
overflow-x: hidden; 
}

input[type="text"],input[type="password"],input.text  {
width:130px;
background: #fff url(../images/input-text-bg.gif) repeat-x;
border: 1px solid #d5d5d5;
height:26px;
font-weight:bolder;
font-size:11pt;
color:#919191;
line-height: 21px;
}

input.med { width:150px; }
input.wide { width:200px; }
input.mwide { width:250px; }
input.xwide { width:350px; }

h4 { padding-top:10px; }
p { padding-top:3px; padding-bottom:3px; }
table th,table td { padding:5px; }
td { vertical-align: top; }

.headlogo{ float: left; padding-left:1em; padding-right:1.2em;padding-top:10px;  }
.headtitle{ }

#container h3.hr{ padding:0; margin:0; }

.translate { background-color:#fffaa8; }
.imgborder { border: 3px outset #3a9be7; padding:3px;}

.bbutton {
background: none;
margin:0;padding:0;
text-align:center;
font-size:14pt;
font-weight:bolder;
color:#810710;
text-transform:uppercase;
text-decoration:underline;
display:block;
}

.mbutton {
background: none;
margin:0;padding:0;
text-align:center;
font-size:14pt;
font-weight:bolder;
color:#810710;
text-transform:uppercase;
text-decoration:underline;
display:block;
}

.sbutton {
background: none;
margin:0;padding:0;
text-align:center;
font-size:14pt;
font-weight:bolder;
color:#810710;
text-transform:uppercase;
text-decoration:underline;
display:block;
}

.mbutton:hover,.sbutton:hover,.bbutton:hover {
color: red;
}
input.mbutton,input.sbutton {
border:0;
cursor:pointer;
}

a.bbutton,a.mbutton { color:#810710;}

.posters {margin-top:10px;}
.posters ul {margin:0 auto; padding:0; list-style:none; display:table; white-space:nowrap;}
.posters li {display:table-cell; margin:0; padding:0;}
.posters a {
float:left; width:196px; color:#fff; margin: 5px; text-decoration:none;
text-align:center;
font-size:16px;
line-height:142px;
font-weight:bold;
}

.posters a:hover { color:#f1f1f1; font-size:18px; }

#posterBuy {
background: url("../images/poster_buy.gif") no-repeat;
}

#posterMsg {
background: url("../images/poster_message.gif") no-repeat;
}

.pagehead {
	height: 104px;
	clear:both;
	background: url("../images/table-top.jpg") no-repeat;
	line-height: inherit;
	position:relative;
}
.pagefooter {
margin-bottom:7px;
clear:left;
float:left;
width:100%;
height:14px;
background:url("../images/table-bottom.gif") no-repeat;
line-height:5px;}

.footertext {
text-align:center;
}

.clear {
clear:both;
}

#container {
    width: 804px;    
    padding:0;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top:5px;
}

#container h2 {
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
	background: none;
	padding: 20px 0 20px 20px;
	width: 90%;	
}

.form p { padding:2px; }
.error { font-weight:bold; color:red; border: 1px dashed red; padding:5px; margin:5px; background-color:#fbfbfb; }
.ok { font-weight:bold; color:green; border: 1px dashed green; padding:5px; margin:5px; background-color:#fbfbfb; }
.green { color: green; }
.smallcontent { margin:0 auto; width:600px;text-align:left;}
.widecontent { margin:0 auto; width:700px;text-align:left;}
#content.floatleft { text-align:left; }
#content.contentmargin { margin:5px; }

#container h3 {
font-size: 15pt;
font-weight: bold;
padding: 10px 0;
color:#a20a14;
}

#fblogin {
margin-top:5px;
}

#banner {
    text-align: right;
    /*background-color: #e1ddd9;*/
    padding: 0px;
    margin: 0px;
    background-color:yellow;
}

#outer{

display:inline;
float:left;
width:100%;
padding:0;
background:#fff url("../images/table-right.gif") repeat-y; 
}

#inner{
    padding-top:5px;
    padding-bottom:0;
    margin-left:2px;
    margin-right:2px;
    border-bottom:1px solid #bbbbbb;

}
#underMenu{
    position:absolute;
    bottom:0px;
    left:0px;
}

#underMenu ul
{
padding-left: 0;
margin-left: 0;
/*background-color: #b3b3b3;*/
float: left;
line-height:55px;
}



#forgotPass { margin-top: 5px; }

#left {
    width:100px;
    float:left;
    position:relative;
    margin-right:1px;
}
#right {
    text-align:right;
    width:250px;
    float:right;
    position:relative;
    margin-left:1px;
    margin-right:10px;
    overflow:hidden;
    /*background-color:red;*/
}

#middle{
    position: relative;
    width:500px;
    margin: 10px;
    float:left;
    font-size:14px;
}
#middle p { line-height: 1.2em; }

#subscriberinfo{
    clear:both;
    padding:10px;    
    text-align:center;
    color:red;
}

#content{
    clear:left;
    padding:0px;
    padding-top:10px;
    margin:2px;
    text-align:center;
    line-height:1.2;
}

#content td { padding:3px; } 

#payCellphoneForm{
    
}
#payCCForm{
    border:black 1px solid;
}

#quickInfo {
margin:4px;
font-size:12px;
}

#quickInfo td,#quickInfo th {
padding:3px;
text-align:left;
}
#shoutForm { margin-top:10px; }
#shoutForm td { text-align:left;  }
#shoutInfo { padding:5px; width:470px; float:left; background-color:#fffcde;}
#shoutHelp { width:100px; float:left;  }
#shoutList { width: 100%; }
#shoutMenu td { text-align:left;  }
#formCCdetails p,#payCellphoneForm p { padding: 3px; }


#formCCdetails,#payCellphoneForm { text-align:left;}
#content .twocolumn td { text-align:left; padding-left:15px; padding-right:15px; }

.mainrow { background-color: #e9e9e9; }
.altrow { background-color: #cccccc; }
.minitext {
font-size:30px;
font-weight:bold;
float:right;
}

.disable {
color: red;
}

.backlink {
margin:5px;
}

.statusbar {
margin:3px;
margin-left: 10px;
margin-right:10px;
color:#fff;
overflow:hidden;
}

.statusbar a,.statusbar a:visited { color: #fff; }

.tablehead {

}

.tablehead h4 {
color:#a20a14;
line-height:18px;
margin:3px;
min-height:0;
padding:0;
}

.center .box { margin: 0 auto; }

.box {
	float:left; margin-left:10px; margin-right:10px; text-align:left; margin-bottom:30px;
}
.box .boxcontent { position:relative; }

.box.small { width: 240px; }
.box.medium { width: 500px; }
.box .mbutton { float:left;  }
.box .bottom { position:absolute; bottom:0px; }

.divider { float:left; width:1px; height: 117px; background: url(../images/divider.gif); }

#subscriberMenu {padding:0; margin:0; list-style:none;}
#subscriberMenu li {float:left; margin-left:5px; padding-top:2px;  }
#subscriberMenu li a {display:block; height:23px; line-height:23px; padding:0 20px 0 0; float:left; background: url(../images/tab_a2.gif) no-repeat right top; color:#c88085; text-decoration:none; text-transform: uppercase; font-size:10pt;}
#subscriberMenu li a b {display:block; height:23px; float:left; padding:0 0 0 20px; background: url(../images/tab_b2.gif) left top; cursor:pointer;}


#subscriberMenu li a:hover, 
.home #subscriberMenu li#home a,
.lastshouts #subscriberMenu li#lastshouts a,
.buycredits #subscriberMenu li#buycredits a,
.sendmessage #subscriberMenu li#sendmessage a,
.createacc #subscriberMenu li#createacc a,
.settings #subscriberMenu li#settings a,
.ownshouts #subscriberMenu li#ownshouts a
{background-position:right -23px; margin-top:0px; height:23px; color:#000; }

#subscriberMenu li a:hover b,
.home #subscriberMenu li#home a b,
.lastshouts #subscriberMenu li#lastshouts a b,
.buycredits #subscriberMenu li#buycredits a b,

.sendmessage #subscriberMenu li#sendmessage a b,
.createacc #subscriberMenu li#createacc a b,
.settings #subscriberMenu li#settings a b,
.ownshouts #subscriberMenu li#ownshouts a b
{background-position:left -23px; height:23px; color:#000;}

.minute { float: left; border:1px solid green; padding:5px; margin:5px; }
.minute.disabled { border:1px solid red;}
.preorderday { float: left; border:1px solid green; padding:5px; margin:5px; background-color:#c4c4c4; width:80px; }
.preorderdayempty { float: left; padding:5px; margin:5px; width:82px; }
.preorderday a { text-decoration: none; }
.preorderday.current { background-color: green; color:#fff; }
#preorderform { display: none; }
.preordertitle { font-weight: bold; }

#shoutopentime { float: left; color:red; }

.abs { position: relative; }

.rel { position: relative; }

#jserror {
display:none;
}

p.header { font-size:15px; font-weight:bold; padding-top:20px; padding-bottom:10px; }

h4.head { 
font-size:20px;
}

#emodiv #pluginIconList { background-color: #e4e4e4; padding:5px; border:1px solid silver; width:300px; }

#emodiv #pluginIconList .emoticon-box div { padding:5px; }

#content .ui-datepicker {
width:500px;
}

#datepicker {
float:left;
}
#bookinginfo {
margin-left: 10px;
float:left;
}
.totalcost {
font-weight:bold;
font-size:1.2em;
margin-top:5px;
padding-top:3px;
border-top:1px solid black;
}
