/* Some icons by FamFamFam: 
 * http://famfamfam.com/lab/icons/silk/
 */

/* GENERAL: @basic styles
 * ----------------------
 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,fieldset,legend,form,label,p,blockquote,th,td,hr {margin:0;padding:0;}
fieldset, img,a img {border:none;}

body {font-family:Helvetica,Arial,sans-serif;color:#666;font-size:75%;min-width:900px;text-align:center;background:#2E4F82;}

h1,h2,h3,h4,h5,h6,label {color:#333;}

h1 {font-size:1.5em;/*18px*/ line-height:1.2em;/*15px*/}
h2 {font-size:1.333em;/*16px*/ line-height:1.067em;/*15px*/ margin: 0 0 1.25em 0;} 
h3 {font-size:1.083em;/*13px*/ line-height:1.153em;/*15px*/}
h4 {font-size:1em;/*12px*/ line-height:1.25em;/*15px*/}
h5 {font-size:0.917em;/*11px*/ line-height:1.364em;/*15px*/}
p, td, ul {font-size:0.917em;/*11px*/ line-height:1.364em;/*15px*/}
ul ul {font-size:1em;}
td td {font-size:1em;}
p {margin:0 0 0.833em 0;/*10px*/}

ul {list-style-type:none;}

li ul {margin:0 0 0 0.75em;}

span.abbr {border-bottom:1px dotted #ccc;cursor:help;}

a {color:#324aa1;text-decoration:none;outline:none;}
a:hover,a:active,a:focus {text-decoration:underline;}

/* horizontal menus */
.horizontal {position:relative;}
.horizontal li {float:left;margin:0 1em 0 0;line-height:1.8;display:inline;}
.horizontal li:last-child {margin-right:0;}
.horizontal .last {margin-right:0;}
.horizontal a {cursor:pointer;}

/* no results (broadcasts, files) */
#nothing {padding:10px 10px 10px 0;color:#555;font-weight:bold;}

/* GENERAL: @layout
 * ----------------
 */

.page-wrap {background:#fff;padding:15px 0;position:relative;z-index:3;}
.center_content {width:900px;margin:0 auto;text-align:left;}
.content-sidebar {width:168px;float:left;margin-right:15px;}
.content-main {width:717px;float:left;}


/* GENERAL: @forms
 * IE6 hacks > ie6.css
 * -------------------------------------------------
 */

label {display:block;}
label input {margin:0;}
input {vertical-align:middle;}
input[type="text"],input[type="password"],textarea,select.fac-select {width:20em;font-size:14px;color:#404040;border-top:1px solid #666;border-left:1px solid #999;border-bottom:1px solid #ccc;border-right:1px solid #ccc;padding:0.25em;background:#fff url("../images/inputbg.gif") no-repeat top left;}
select.fac-select {width:20.65em;}
input[type="file"] {font-size:1.2em;padding:0.25em;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus,select.fac-select:focus,.error_wrap input[type="text"]:focus,.error_wrap input[type="password"]:focus,.error_wrap textarea:focus,.error_wrap select.fac-select:focus {background:#EFFCF5;border:1px solid #B5E1C4;}

/* form field info */
.fieldInfo {color:#999;display:block;margin-top:3px;font-size:1em;margin-bottom:1em;}

/* form errors */
.error_wrap input, .error_wrap select.fac-select, .error_wrap textarea, input.form-error-input, select.form-error-input {background-color:#ffc;}
.error_wrap span.error_message, .form-error-message {color:red;display:block;}
.form-mandatory {color:red;}

/* Hide the submit button */
input[type="submit"] {display:block;height:0;width:0 !important;margin:0;padding:0;background-image:none;border:none;float:right;}

/* MODULE: @bubble
 * ---------------
 */

.bubble-wrap {background:url("../images/bubble/top.png") no-repeat top left;padding-top:17px;position:relative;top:-10px;}
.bubble-main {background:url("../images/bubble/bottom.png") no-repeat bottom left;padding:0 10px 10px;}
.bubble-main .sticky {float:right;}

.notice {padding:5px 10px;border:1px solid #F2DE43;background:#FFFBCE;margin-bottom:10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.notice .sticky {float:right;}
.notice.pending {font-size:11px;color:#333;background-image:url(../images/icons.gif);background-repeat:no-repeat;background-position:6px -212px;padding:7px 10px 7px 24px;}
.notice.pending .review-button {float:right;width:62px;height:21px;text-indent:-9999px;background:url(../images/review-button.png) no-repeat 0 0;margin:-3px -7px 0 0;}
.notice.pending .review-button:hover {background-position:0 -21px;}
#bubblewrap-view, #bubblewrap-save {display:none;}

/* MODULE: @header
 * ---------------
 */
.marketing .center_content {width:900px !important;}
.marketing #sub-header-inner {width:900px;}
#header a {color:#fff;}
#footer a {color:#fff;}


#header {/*height:60px;background:#2e4f82 url("../images/headerbg.png") repeat-x bottom;*/background-color:#2e4f82;color:#fff;position:relative;z-index:5;}
#header .center_content {position:relative;height:100%;}

#header.hasSub {border-bottom: 1px solid #5F799C;}
#header.logged-out {height:6.25em;}
#header.logged-out #login-nav {position:absolute;padding-top:20px;right:7px;display:inline;}

#header .center_content {width:930px;}

#sub-header {background:#3b6092;color:#fff;}
#sub-header-inner {width:900px;margin:0 auto;padding:10px 0;}
#sub-header a {color:#fff;}
#sub-header .selected a {font-weight:bold;}
#sub-header li {float:left;margin-right:1.5em;font-size:14px;}

#sub-header .header-login {float:right;display:none;}
#sub-header .header-login li {margin-right:0;}
#sub-header .header-login a {font-weight:bold;}


/* MODULE: @footer
 * ---------------
 */

#footer-wrapper {position:relative;overflow:hidden;}
#footer {color: #fff;margin:0 auto;padding: 10px 0;}
#footer p {padding: 0;margin:0;line-height:140%;float:left;}
#footer ul {float:right;}
#footer .horizontal li {line-height:140%;}

/* MODULE: @suggestion box
 * -----------------------
 */

#feedback-button {position:fixed;bottom:0;right:0;z-index:11;width:79px;height:82px;background:url(../images/feedback_badge.png) no-repeat 0 0;}
#feedback-button a {position:absolute;bottom:0;right:0;width:60px;height:60px;float:right;}

#suggestion {color:#446;text-align:left;display:none;}
#suggestion ul {float:right;}
#suggestion .horizontal li {line-height:26px;}
#suggestion .horizontal li a {font-weight:bold;}

#suggestion-box h2,
#suggestion-box h3 {margin: 0 0 0.5em 0;}

#the_bottom {height:0;}

#suggestion-box textarea, 
#suggestion-box input {width:300px;}
#suggestion-box select {width:308px;}

#mailSent {font-size:12px;font-weight:bold;}

#suggestionForm {float:left;width:320px;}
#suggestionForm .button {margin-right:0.5em;}
#suggestionForm .catcher {position:absolute; left:-9999px;}

#suggestionText {float:left; margin-top:10px; width:280px;}
#suggestionText h3 {font-size:14px;padding-bottom:5px;}
#suggestionText p {font-size:12px;}

/* MODULE: @message bar
 * --------------------
 */
#messageId 				{padding:5px 10px;margin-bottom:1em;font-weight:bold;cursor:pointer;}
.close_message			{font-size:11px;float:right;font-weight:normal;}
.message_notification 	{background-color:#FBF3C8;color:#564A05;/*border:1px solid #EFD021;*/}
.message_error 			{background-color:#FDE3E3;color:#7A0707;/*border:1px solid #F47777;*/}

/* MODULE: @buttons
 * --------------------
 * IE 6 hacks available
 */

.button 			{font-size:14px;color:#333;text-shadow:0 1px 0 rgba(255, 255, 255, 0.4)}
.button 			{line-height:26px;height:26px;padding:0 19px 0 0;margin:0 0 0 10px;display:block;float:left;outline:none;}
.button span 		{line-height:26px;height:26px;padding:0 0 0 9px;margin:0 -9px 0 -10px;display:block;}

.button,
.button span {background: url('../images/bgd_button.png') no-repeat left top;}

.button 			{background-position: right top;}
.button span 		{background-position: left top;}
.button:hover,
.button.hover 		{background-position: right -26px;}
.button:hover span,
.button.hover span	{background-position: left -26px;}

.float_right .button {margin-right:0;}

.button:hover		{color:#000;text-decoration:none;cursor:pointer;}
.button:focus,
.button:active		{text-decoration:none;cursor:pointer;}

/* button variations */
.button-new.right {float:right;}
.button-new, .button-new span {background-image: url('../images/bgd_button_new.png');line-height:27px;height:27px;color:#FFF;}
.button-new span {text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);}
.button-new:hover,
.button-new.hover 		{background-position: right -27px;color:#FFF;}
.button-new:hover span,
.button-new.hover span	{background-position: left -27px;}

.button-blue, .button-blue span {background-image: url('../images/bgd_button_blue.png');color:#FFF;text-shadow:0 1px 0 rgba(0, 0, 0, 0.4)}
.button-blue:hover,
.button-blue.hover 		{color:#FFF;}

.button-yellow, .button-yellow span {background-image: url('../images/bgd_button_yellow.png');}
.button-yellow {color:#4f3c00;}
.button-yellow:hover {color:#000;}

.button-create, .button-create span {background-image: url('../images/bgd_button_create.png');}
.button-create {color:#333;}
.button-create:hover {color:#000;}

.button-gray, .button-gray span {background-image: url('../images/bgd_button_gray.png');}
.button-gray {color:#324aa1;}
.button-gray:hover {color:#222;}

.button-action, .button-action span {background-image: url('../images/bgd_button_action.png');}
.button-action {color:#212d3b;}
.button-action strong {font-weight:normal;}

.button-black, .button-black span {background-image: url('../images/bgd_button_black.png');text-shadow:0 1px 0 rgba(0, 0, 0, 0.4)}
.button-black {color:#fff;}
.button-black:hover,
.button-black:focus {color:#fff;}
.button-black span {padding:0 5px 0 28px;}


/* MODULE: @icons
 * --------------
 */
.icon_link 					{display:block;padding:0 0 0 18px;background-image:url('../images/icons.gif');background-repeat:no-repeat;line-height:1.8;}

/*specific icons*/
.icon_edit					{background-position:1px -2px;}
.icon_share					{background-position:0px -26px;}
.icon_settings				{background-position:1px -50px;}
.icon_trash,.icon_delete	{background-position:1px -74px;}
.icon_stats					{background-position:2px -98px;}
.icon_restore				{background-position:1px -120px;}
.icon_exit					{background-position:1px -146px;}
.icon_save					{background-position:1px -170px;}
.icon_back					{background-position:1px -193px;}
.icon_publish				{background-position:1px -193px;}
.icon_revert	 			{background-position:1px -239px;}
.icon_duplicate 			{background-position:1px -261px;}


/* MODULE: @boxes
 * --------------
 */

/* gray box */
.grayBox {padding:15px;border:1px solid #e0e0e0;background: url('../images/bgd_fieldset.png') repeat-x left top; margin-bottom:15px;}
.grayBox h3 {font-size:16px; margin-bottom:10px;}

/* yellow box */
.noteBox {background:#fffccf url('../images/note-box.png') repeat-x top left; border:1px solid #f3e11e;padding:15px;margin-bottom:15px;}

/* rounded boxes - general [+ie6] */
.round-box {position:relative;z-index:1;margin:0 -2px 0 3px;/*width of left corner*/}
.round-box .content,
.round-box .top,
.round-box .bottom,
.round-box .bottom div {background-repeat:no-repeat;background-position:top right;}

.round-box .content {position:relative;zoom:1;padding:15px 10px 0;}
.round-box .top {position:absolute;left:0;top:0;width:5px; /* top slice width */margin-left:-5px;height:100%;background-position:top left;}
.round-box .bottom {position:relative;width:100%;}
.round-box .bottom,.round-box .bottom div {height:9px; /* height of bottom*/font-size:1px;}
.round-box .bottom {background-position:bottom right;}
.round-box .bottom div {position:relative;width:5px; /* bottom corner width */margin-left:-5px;background-position:bottom left;}

/* blue rounded box */
.blue-box .content,
.blue-box .top,
.blue-box .bottom,
.blue-box .bottom div {background-image:url("../images/boxes/round-box-blue.png");}

/* white rounded box */
.white-box .content,
.white-box .top,
.white-box .bottom,
.white-box .bottom div {background-image:url("../images/boxes/round-box-white.png");}

/* MODULE: @tabs
 * -------------
 */

.ui-tabs-nav {position:relative;top:1px;margin-bottom:0;float:left;z-index:3;}
.ui-tabs-nav li {background:#f3f3f3;float:left;font-size:14px;font-weight:bold;margin-right:5px;border:1px solid #ccc;border-bottom:none;}
.ui-tabs-nav .ui-tabs-selected {padding-bottom:1px;background:#fff;}
.ui-tabs-nav a {padding:5px 15px;display:block;}
.ui-tabs-panel {border:1px solid #ccc;padding:15px;margin-bottom:5px;clear:left;position:relative;z-index:2;}
.ui-tabs-nav .ui-tab-error {background:#FDE3E3;border-color:#F47777;}
.ui-tabs-nav .ui-tab-error a {color:#7A0707;}
.ui-tabs-hide {display:none;}

/* MODULE: @plans (Subscription plans)
 * -----------------------------------
 */

.pricing-plans-wrap {margin-bottom:15px;}
.pricing-plans {table-layout:fixed;background:#fff;border-collapse:collapse;border:1px solid #D9E0E8;border-right:none;width:100%;margin-bottom:10px;}

.pricing-plans td {font-size:12px;border-right:1px solid #D9E0E8;padding:10px;vertical-align:top;}
.pricing-plan h2 {padding:10px 0;font-weight:normal;font-size:16px;margin-bottom:8px;color:#000;height:20px;}
.pricing-plan h2 strong {font-size:24px;font-weight:bold;}
.pricing-plan li {font-size:11px;margin-bottom:0.5em;color:#777;width:135px;}
.pricing-plan li strong {color:#333;display:block;font-size:14px;}
.pricing-plan .feat-type {cursor:help;color:#6589B5;text-transform:uppercase;font-weight:bold;border-bottom:1px dashed #999;display:inline;}
.pricing-plan .button-wrapper {margin-top:15px;}
.pricing-expl {font-size:11px;color:#555;text-align:center;display:block;}
#setup-plan .plan-inner {min-height:130px;}

.pricing-plans .free {background:#ECF3FC;height:10px;}
.pricing-plans .free h2 {text-transform:uppercase;color:#777;}
.pricing-plans .free li strong {color:#777;}
.pricing-plans .free .feat-type {color:#777;font-weight:normal;}

.pricing-plans .free-clean {height:10px;}
.pricing-plans .free-clean h2 {text-transform:uppercase;}
.pricing-plans .free-clean .feat-type {font-weight:normal;}

#plan-wrap {background:url("../images/homepage/bg.png");border-bottom:1px solid #ccc;}
#plan-wrap h1 {font-size:32px;letter-spacing:-2px;text-align:center;line-height:2;padding:1em 0 0.5em;}

.pricing-faq-wrap {}
.pricing-faq-col {float:left;width:48%;margin-right:4%;}
.pricing-faq-wrap .last {margin-right:0;}
.pricing-faq-col h3 {font-size:16px;color:#333;margin:1.5em 0 0.5em;}
.pricing-faq-col p {font-size:12px;line-height:1.5;margin-bottom:1.5em;}
.pricing-faq-col h4 {font-size:14px;font-style:italic;font-weight:normal;color:#333;margin-bottom:0.5em;}

.features-popup {-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;display:none;line-height:1.5;position:absolute;padding:10px;border:1px solid #999;background:#fff url("../images/bgd_fieldset.png") repeat-x top left;color:#333;font-size:12px;}
.features-popup li {text-align:left;}

.plan-button {text-indent:-9999px;margin-top:10px;display:block;height:35px;width:100px;background:url("../images/pricing-buttons.png") no-repeat top left;}
.plan-button:hover {background-position:0px -35px;}

.contact-button {text-indent:-9999px;margin-top:10px;display:block;height:35px;width:127px;background:url("../images/pricing-buttons.png") no-repeat -100px 0;}
.contact-button:hover {background-position:-100px -35px;}

/* GENERAL: @clearing floats
 * -------------------------
 */

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
* html .clearfix {height:1%;}
*+html .clearfix {height:1%;}

ul.horizontal:after {content:".";display:block;clear:both;height:0;visibility:hidden;}
*+html ul.horizontal {height:1%;}
* html ul.horizontal {height:1%;}

/* UI Dialog
 * -----------
 */

.ui-dialog {text-align:left;color:#333;border:1px solid #000;padding: 0 10px 10px;background:#DEE9F5;}
.ui-draggable .ui-dialog-titlebar {cursor:move;}
.ui-dialog-titlebar {background:#2E4F82;padding:8px 0 8px 10px;margin:0 -10px;color:#FFF;font-weight:normal;font-size:14px;position:relative;border-bottom:none;}
.ui-widget-overlay {background:#000;opacity:0.35;height:100%;left:0;position:absolute;top:0;width:100%;filter:alpha(opacity=35);}
.ui-dialog-content {min-height:40px !important;border-bottom:1px solid #ABCCF0;padding:10px 0 0;}
.ui-dialog-titlebar-close {float:right;width:13px;height:13px;background:url(../images/dialog/modal-box-close.png) no-repeat 0 0;text-indent:-9999px;position:absolute;top:8px;right:10px;}
.ui-dialog-titlebar-close:hover {background-position:-13px 0;}
.ui-dialog-buttonpane {border-top:1px solid #fff;padding: 7px 0 0 0;}
.ui-dialog-buttonpane .button {float:left;margin-right:5px;font-size:12px;}
.ui-dialog-buttonpane .button-gray {float:right;margin-right:0;}
.ui-dialog-buttonpane .button-gray.inverse {float:left !important;}
.ui-dialog-buttonpane .button-blue.inverse {float:right !important;}
.ui-dialog-buttonpane .button-blue.single {margin-right:0 !important;}
.ui-dialog .dialog-section {margin-bottom:15px;}

/* Deployment
 * -----------
 */

#upcoming-deployment {
	background:#FFF;
	color:#000;
	border-bottom:2px solid #CCC;
	border-top:2px solid #CCC;
}
#upcoming-deployment p {
	width:900px;
	margin:0 auto;
	text-align:left;
	padding:10px 15px;
	font-size:14px;
	line-height:18px;
}
#upcoming-deployment p a {
	float:right;
	font-size:12px;
}

/* HACKS: @ie7
 * -----------
 */

*+html #top-nav {height:26px !important;}
*+html a.button {margin-left:0;border-left:10px solid transparent;}
*+html .button-wrapper {overflow:hidden;}