body{background-color: #f5f5f5;}
.smaller{font-size: 80%;}
.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;  border: none; }
.merry { font-family: 'Merriweather', 'Georgia', cursive; font-weight: 400; }
.mavenpro-reg { font-family: 'Maven Pro', 'Georgia', cursive; font-weight: 400; letter-spacing:-2px; }
.mavenpro-med { font-family: 'Maven Pro', 'Georgia', cursive; font-weight: 500; }
.mavenpro-bold { font-family: 'Maven Pro', 'Georgia', cursive; font-weight: 700; }
.mavenpro-black { font-family: 'Maven Pro', 'Georgia', cursive; font-weight: 900 ; letter-spacing:-2px; }
.bt-red {color: #ef4748;}

.subtle {color:#dadada;}
.strong {font-weight:bold !important;}
.smaller {font-size:90%;}
.larger {font-size:110%;}
.xlarge {font-size: 24px;} /*usage on plans page*/
.red{color: #da2a2a !important;}
.green{color: #00aa00 !important;}

.center, .centered {text-align: center !important;}


.m-brand { text-align: center; width: 100px; padding: 8px 0px 12px !important; }

.main-container { background-color: white; min-height: 500px; margin-left: 100px; margin-top:0px; border-top: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; border-top-left-radius: 5px;
	-webkit-box-shadow: -3px -3px 7px rgba(150, 150, 150, 0.15);
	-moz-box-shadow: -3px -3px 7px rgba(150, 150, 150, 0.15);
	box-shadow: -3px -3px 7px rgba(150, 150, 150, 0.15);
}

.page-header { margin:10px 0 15px; }
.navbar-inner { background-image:none; background-color:#f5f5f5; }

.btn { -moz-box-shadow: 0px 0px 5px #ddd; -webkit-box-shadow: 0px 0px 5px #ddd; box-shadow: 0px 0px 5px #ddd; background-image:none; background-color: white; }
.btn:hover { background-color: #f4f4f4;}

.hero-unit { margin: 80px 100px 80px 0px; padding: 0px; background-color:#f5f5f5; }
.hero-unit h1 { margin-bottom: 0; font-size: 40px; line-height: 50px; letter-spacing: 0px; color: inherit; }
.signin {margin-top:30px; margin-bottom:100px;}

.beta_signup, .beta_signin { margin-bottom:80px; }
.beta_signin p { font-size: 22px; font-weight: 280; }
.beta_signup p { font-size: 16px; line-height: 160%; color: #777777;}
.beta_signup input, .beta_signin input , .beta_signup select{ font-size: 16px; font-weight: 200; height:30px;}
.beta_signup input { margin-bottom:0px; }
.beta_signup input[type="text"], .beta_signup input[type="password"] { width:380px; color:#333; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;	}
.beta_signup .informBtn { margin-top: -8px; margin-left: -10px; height:40px; padding:0px 20px; font-weight:600; color:#fff; -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px;	 }
.beta_signup h3, .beta_signin h3 {font-size:22px; line-height:28px; margin-top:20px;}
.form-top, .form-bottom { padding:30px 40px; width:400px;
	webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.075); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.075); box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.075);
	-webkit-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; border-radius:15px;}
.form-top { background:#fff; padding-top:10px; 
	-webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px;
}
.beta_signup .form-top { padding-top:10px; margin-top:20px; }
.form-bottom {background:#e5e5e5;
	-webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; border-top-right-radius: 0px;
	-webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px;
}
.beta_signup input[type="submit"] { padding: 10px 20px; height: 40px; }
.beta_signup [class^="icon-"], .beta_signup [class*=" icon-"] { vertical-align:text-bottom; margin-right:5px; }

.beta_signin input[type="submit"] { float:left; margin-right: 10px;}
.beta_signin .form-bottom {overflow: auto;}
.beta_signin .form-top, .beta_signin .form-bottom {padding:30px;}
.beta_signin .form-top form {margin-bottom:0px;}
.beta_signin .form-bottom .signup-link {font-size:16px; margin-top:10px;}
.beta_signin .form-bottom .signup-link a {margin-left:5px;}
.beta_signin input[type="text"], .beta_signin input[type="password"] { width:380px; }

.form-bottom .alert-error {border-color:#b94a48; background-color:rgb(252, 236, 236);}

/* Generic rules */
.highlight {background:#FFFECC !important;}
.greenBtn, .green-btn { color: #fff; border: solid 1px #9ca816; background: #64991e; background: -webkit-gradient(linear, left top, left bottom, from(#c1cf25), to(#9ca816)); background: -moz-linear-gradient(top,  #c1cf25,  #9ca816); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1cf25', endColorstr='#9ca816'); text-shadow:-1px -1px 0px rgba(0, 0, 0, 0.25); }
.greenBtn:hover, .green-btn:hover { color: #e8f0de; background: #538018; background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c)); background: -moz-linear-gradient(top,  #6b9d28,  #436b0c); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c'); text-shadow:-1px -1px 0px rgba(0, 0, 0, 0.25); }
.greenBtn:active, .green-btn:active { color: #333; background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f)); background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f'); text-shadow:-1px -1px 0px rgba(0, 0, 0, 0.25); }
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
-webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.075); box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.075);}

.beta_signin .btn {height:40px; padding:0px 20px; font-weight:600; color:#fff;}
.beta_signin input[type="text"], .beta_signin input[type="password"] { width:30%; min-width:220px; }

footer { color:#ccc; font-weight: 200; }
footer .boxImage { display: block; width: 177px; height: 119px; background: url("../img/box_browntape.png") top left; background-color: none; position: relative; right: -960px; top: -100px; }
footer hr { border-top:1px solid #E4E1C6;}

table td {padding:0px 30px;}
table .plan_name td {padding-top:20px; padding-bottom:5px; font-size:22px; font-weight:bold;}
table .plan_cost td {font-weight:normal; font-size:16px;}
table .plan_subscribe td {padding-top:20px; padding-bottom:20px;}
table .beige {background-color:#D2B48C; color:white;}
table .camel {background-color:#C19A6B; color:white;}
table .copper {background-color:#B87333; color:white;}
table .choco {background-color:#6F4E37; color:white;}

.noLeftMargin {margin-left:0px !important;}
#flashMessage {border: 1px solid;margin: 10px 0px; padding:15px 35px 15px 20px; background-repeat: no-repeat;background-position: 10px center;
	webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.075); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.075); box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.075);
	-webkit-border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px; border-radius:7px;
	width:400px;
}
#flashMessage .close {display:none;}
#flashMessage.info {color: #00529B;background-color: #BDE5F8;background-image: url('/img/icons/info.png');}
#flashMessage.success {color: #4F8A10;background-color: #DFF2BF;background-image:url('/img/icons/success.png');}
#flashMessage.warning {color: #9F6000;background-color: #FEEFB3;background-image: url('/img/icons/warning.png');}
#flashMessage.error {color: #D8000C;background-color: #FFBABA;background-image: url('/img/icons/error.png');}
.error .add-on {background: #b94a48; height:auto; padding:3px 0px;}
.center{text-align: center;}
.white-bg{background: #ffffff; border-radius: 10px; border: 1px solid #dedede; padding: 20px;}


/* Channels Page */
.channelGrid {clear:both; margin-bottom:30px;}
.channelGrid .span4, .channelGrid .span9, .channelGrid, .channelGrid .span2 {margin-left:0px !important;}
.channelGrid .channelIconDiv {width:30px !important; background:#fff; margin-top:5px; margin-right:15px; text-align:right;}
.channelGrid .channelDiv {margin-bottom:30px; margin-left:0px; height:140px;}
.channelGrid .channelInfoDiv { border-left: 1px solid #ccc; padding-left: 10px;}
.channelGrid .channelInfoDiv h4 {margin:3px 0px; display:inline-block;}
.channelGrid .channelInfoDiv h5 {margin: 3px 0px 0px;}
.channelGrid .channelInfoDiv h5.subdued {font-size: 12px; line-height: 14px; font-weight: normal; color:#ccc;}
.channelGrid .channelInfoDiv h5 small {margin-left:2px;}
#channelAddButtons .channelAddButton { border: 1px solid #ccc; padding:4px; overflow:hidden; text-align:center; margin-right: 15px; margin-bottom:15px;
	-webkit-box-shadow:3px 3px 5px #EEE; -moz-box-shadow:3px 3px 5px #EEE; -ms-box-shadow:3px 3px 5px #EEE; box-shadow:3px 3px 5px #EEE;
	-webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; border-radius:3px;
	background-image: -moz-linear-gradient(top, #fff, #eee); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#eee)); background-image: -webkit-linear-gradient(top, #fff, #eee); background-image: -o-linear-gradient(top, #fff, #eee); background-image: linear-gradient(to bottom, #fff, #eee); background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff6f5f0', endColorstr='#fff6f5f0', GradientType=0);
}
.channelInfoDiv .label { font-size:11px; margin: 5px 5px 5px 0px; display: inline-block; }
.channelAddButton form { margin-bottom: 0; }
#channelAddButtons .channel_logo {display: block; height: 50px; border: 0px solid; margin: 3px 0px 5px;}
#channelAddButtons .channel_name {display:block; font-weight:normal; font-size:14px; padding:3px 0px 8px;}
#channelAddButtons .btn { width:100%; padding:4px 0px;}
#channelAddButtons .disabledChannelButton { opacity: 0.5; filter: alpha(opacity=50);}
#channelAddButtons .loading { padding: 4px 0px; border:1px solid #ddd; width:98%; display:block; 
	-webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; border-radius:3px;}
h4.screenMsg {line-height:24px;}
input.channel_title_box {margin-bottom:0px;}

.left_strght_btn {-webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; margin-left:-4px;}
input.right_strgth_input {-webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;}
.noChannels{display: none;}
.noChannels img{width: 650px;}

/* Plans part on enable*/
table.plans td {padding:20px 30px 5px 30px;}
table .plan_name td {padding-top:20px; padding-bottom:5px; font-size:22px; font-weight:bold;}
table .plan_cost td {font-weight:normal; font-size:16px; padding-top:5px; padding-bottom:10px;}
table .plan_subscribe td {padding-top:10px; padding-bottom:20px;}
table .beige, table .Basic {background-color:#D2B48C; color:white;}
table .camel, table .SMB {background-color:#C19A6B; color:white;}
table .copper, table .Enterprise {background-color:#B87333; color:white;}
table .chocolate, table .Disabled {background-color:#6F4E37; color:white;}

.active_plan { background-color: rgba(255, 236, 16, 0.29); padding: 7px; -webkit-border-radius:0px; -moz-border-radius:0px; -ms-border-radius:0px; border-radius:0px;
}