/* CSS Document */

tester {
	color: #FF3300;
}

/* MAIN STYLE */
body { background:url(../images/bg.jpg) repeat-x top; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:85%; line-height:1.2em; }
a { font-weight:bold; color:#0F4B9D; } a:visited { color:#840F9D; } a:hover {color:#2B7EA4;}
#doc { width:750px; } /* fix the width because of font growth (YUI) */

/* HEADER STYLE */
#logo-region { text-align:right; }
#welcome { color:#999; margin:9px 2px 0 0; text-align:right; }
#hd { margin-bottom:10px; }

#nav { font-family:Arial, Helvetica, sans-serif; line-height:1.0em; margin:0 0 5px 40px; padding:0; text-align:center; float:left; }
#nav .links a { color:#0F4B9D; font-size:122%; font-weight:bold; text-decoration:none; display:block; float:left; width:110px; padding:9px 0 14px 0; background: url(../images/buttons.gif) no-repeat; background-position:0px -64px; }
#nav li { display:block; float:left; }
#nav .links a:visited { color:#0F4B9D; }
#nav .links li a:hover { color:#5F3F23; padding:9px 0 14px 0; background-position:0px -2px; } /* Alter this padding to make the tab recessed or not */
#nav .links #signout a { width:80px; padding-top:9px; background-image:none; font-size:100%; }

/* FOOTER STYLE */

#ft { border-top:2px solid #aaa; margin:15px 0 15px 0; padding:5px 0 0 0; }

/* CONTENT */

h2 { font-size:122%; font-weight:bold; color:#5F3F23;}
h3 { font-size:107%; font-weight:bold; margin-top:10px; color:#5F3F23;  margin-top: 10px;}
strong { font-weight:bold; }
.content_h3 { line-height:1.4em; border-bottom:1px solid #ddd; margin:5px 0 20px 0; }
p {margin: 5px 0px 5px 0px;}
hr { color:#bbb; border:0; background-color: #bbb; height: 1px; }
#sidebar { margin:0 0 0 10px; }
.lesser { color:#999; font-size:77% } .lesser a { font-weight:normal; }
.status { background-color:#F7F6bc; padding:10px; margin:5px 0 5px 10px;}
fieldset { border:1px solid #bbb; }
legend { padding: 2px 8px 2px 8px; border:1px solid #bbb; color:#888;}

.command { background-color:#ddd; color:#333; padding:2px 6px 2px 6px; margin:2px; font-family:"Courier New", Courier, monospace; font-weight:bold; }
.samplesms { background-color:#ddd; color:#333; padding:2px 6px 2px 6px; margin:10px 30px 10px 30px; font-family:"Courier New", Courier, monospace; font-weight:bold; }

.contactpicker ul { float:left; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0pt; padding:0pt; }
.contactpicker li { float:left; margin:0pt; padding:0pt; width:10em; }

.message { background-color:#eee; padding:10px; border:1px dotted; margin:10px 0 10px 0; }
.message.error { border-color:#FD4B4B; color:#C72020; background-color:#FDE4E4; }
.message.positive { border-color:#66CC33; color:#339900; background-color:#E0FDCD; }

/* ICONS & BUTTONS */

#tasks { background-color:#5F3F23; padding:2px 2px 2px 8px; color:#fff; font-size:77%; font-weight:bold; margin-bottom:4px; }
.task li a { text-decoration:none; display:block; background-color:#eee; background-image:url(../images/button.gif); border-bottom:1px solid #ccc; padding:7px 2px 7px 8px; margin-bottom:4px; }
.task li a:hover { background-color:#D4E5FF; background-image:none; border-bottom:1px solid #74A3E8;  }

#groups { background:url(../images/icon-hive.gif) no-repeat left; padding-left:20px; }
#invites { background:url(../images/icon-talk.gif) no-repeat left; padding-left:20px; }
#requests { background:url(../images/icon-email.gif) no-repeat left; padding-left:20px; }
.group li { background-image:url(../images/icon-x.gif); background-repeat:no-repeat; background-position:4px center; padding-left:25px;  }
.groupslist ul {
  float: left;
  width: 42em;
  margin: 0;
  padding: 0;
  list-style: none;
}
.group_property {
	margin: 0 10px 0 5px;
} 

fieldset {
	padding: 10px;
	border: 2px solid #5F3F23;
	margin: 20px 10px 10px 10px;
}

legend {
	border: 2px solid #5F3F23;
	color: #5F3F23;
}

.task_inline {
	font-size: 80%;
	text-align: center;
	margin: 10px 0 10px 0;
}

.groupslist ul li {
  float: left;
  width: 14em;
  margin: 0;
  padding: 0;
}
.groupcheck {
	margin: 8px 10px 4px 0;
}
/* OTHER MISC. */

.homepage { font-size:131%; line-height:1.4em; text-align:justify; }

.clearfix:after {
 content: ".";
 display: block;
 clear: both;
 visibility: hidden;
 line-height: 0;
 height: 0;
}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* Pricing Table */

.pricing {
	margin: 1em 0;
}

.pricing table {
	border-collapse: collapse;
}

.pricing table th {
	background-color: #e9d465;
	padding: 10px;
	text-align: center;
	border: 1px solid #a67c4c;
	font-weight: bold;
	font-size: 110%;
}

.pricing table th.empty, .pricing table td.empty {
	background-color: white;
	border: none;
}

.pricing table td {
	border: 1px solid #a67c4c;
	text-align: center;
		padding: 10px;
}

.pricing table th .price {
	font-weight: normal;
	font-color: #423a31;
	font-size: 90%;
}

.pricing table td.row-label {
	background-color: #fefade;
}