/* Custom fonts */
@import url("../fonts/titillium/stylesheet.css");


/* =Fonts
-------------------------------------------------------*/
/* =Stainless */
@font-face {
    font-family: 'StainlessRegular';
    src: url('../fonts/stainless/stainless-regular-webfont.eot');
    src: url('../fonts/stainless/stainless-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/stainless/stainless-regular-webfont.woff') format('woff'),
         url('../fonts/stainless/stainless-regular-webfont.ttf') format('truetype'),
         url('../fonts/stainless/stainless-regular-webfont.svg#StainlessRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* =Stainless Light */
@font-face {
    font-family: 'StainlessLightRegular';
    src: url('../fonts/stainless/stainless-light-webfont.eot');
    src: url('../fonts/stainless/stainless-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/stainless/stainless-light-webfont.woff') format('woff'),
         url('../fonts/stainless/stainless-light-webfont.ttf') format('truetype'),
         url('../fonts/stainless/stainless-light-webfont.svg#StainlessLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* =Stainless Bold */
@font-face {
    font-family: 'StainlessBoldRegular';
    src: url('../fonts/stainless/stainless-bold-webfont.eot');
    src: url('../fonts/stainless/stainless-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/stainless/stainless-bold-webfont.woff') format('woff'),
         url('../fonts/stainless/stainless-bold-webfont.ttf') format('truetype'),
         url('../fonts/stainless/stainless-bold-webfont.svg#StainlessBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


* { padding:0; margin:0; }
html { }

body {
	background: #5c0f11 url(/images/wbm/bg_body.png) repeat-x 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	line-height: 20px;
	-webkit-text-size-adjust: none;
	}

:focus { -moz-outline-style: none; }

p { padding-bottom: 15px; }
img, a img { border: 0; }
ul li { list-style: none; }
.clear { clear: both; }
.cl { clear: left; }
.cr { clear: right; }

pre { background-color: #fefde2; border:1px solid #E5E181; padding: 10px 15px; margin: 15px; }


/* =clear */
.clear { clear: both; }

/* clearfix */
.clearfix:after {
        visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


fieldset { border: 0;}

a {	color: #dd0000;	text-decoration: none;	outline: none;}
a:hover {color: #000;text-decoration: none;}


#hld {	min-height: 402px;padding-top: 20px;}

.wrapper { width:90%; min-width: 960px;	margin:0 auto;	padding-top: 30px; max-width: 1500px; }

/* =header*/
#header { padding: 10px 0 20px; position: relative; }

#header h1 {
    float: left; clear: both;
	font-family: "StainlessBoldRegular", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; text-transform: uppercase; text-shadow: 0 1px 0 #000;
	color: #555; }

#header  h1 a { color: #fff; }
#header h1 a:hover { color: #fff;  }
#header h1 span { width: 270px; height: 78px; float: left; margin-top: -39px; margin-right: 5px; text-indent: -999em; background: url(/images/wbm/logo.png) no-repeat 0 0; }


#header .back-website { font-size: 12px; margin: 0 0 40px; float: left; text-transform: uppercase; font-weight: bold;  color: #ff0008; text-shadow: 0 1px 0 rgba(0,0,0,0.35); }
#header .back-website:hover { color: #fff;  }

#header .user {
    float: right; margin: 0; padding: 0;  margin-bottom: 25px;
	font-size: 14px; font-weight: normal; color: #ccc; }
#header .user span { font-size: 16px; vertical-align: middle; margin: 0 5px; display: inline-block; }
#header .user a {  font-weight: bold; }
#header .user a:hover { text-decoration: none; color: #fff; }

#section {  float: right; font-size: 14px; color: #fff; margin-right: -10px;}
#section p { float: left; margin: 5px 20px 0 0;}
#section ul { float: left;}
#section li { float: left; margin-left: 2px;}
#section li a { display: block; padding: 5px 10px; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-shadow: 0 1px 0 rgba(0,0,0,0.75); }
#section li a:hover { color: #fff; }
#section li.selected a { display: block;
background: #660c0c; /* Old browsers */
background: -moz-linear-gradient(top, #660c0c 0%, #740e10 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#660c0c), color-stop(100%,#740e10)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #660c0c 0%,#740e10 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #660c0c 0%,#740e10 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #660c0c 0%,#740e10 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#660c0c', endColorstr='#740e10',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #660c0c 0%,#740e10 100%); /* W3C */}


/* =menu */

#menu {
	height: 50px; margin: 10px 0 20px;
    font-weight: bold; line-height: 50px; position: relative;
	background: url(/images/wbm/hdr.gif) 0 0 repeat-x; color: #999; }

#menu .hdrl {
	width: 10px; height: 50px; float: left;
	background: url(/images/wbm/hdrl.gif) top left no-repeat;	}
#menu .hdrr {
	width: 20px; height: 50px; float: right;
	background: url(/images/wbm/hdrr.gif) top right no-repeat; }

#menu a { color: #400000; text-shadow: 0 1px 0 rgba(255,255,255,0.35); text-decoration: none;	}

#menu a:hover { color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.35);}


#menu ul li:last-child { border: 1px solid green; /*temp*/}

#menu #nav li.system-menu.system-menu { position: absolute; right: 0;}
#menu #nav li.system-menu.system-menu a { display: block; margin-right: -8px;  width: 30px; text-indent: -999em; background: url(/images/wbm/btn_config.png) no-repeat 50% 50%; border-left:1px solid #444; border-left: 1px solid rgba(0,0,0,0.25); }
#menu #nav li.system-menu.system-menu li a { width: auto; text-indent: 0; background: url(/images/wbm/mbg.png) 0 0 repeat; border-left: 0; }
#menu #nav li.system-menu.system-menu ul { right: 0; left: auto;}


/* Navigation */
#menu #nav, #menu #nav * { z-index: 20; }

#menu #nav {
	margin: 0; padding: 0; width: auto; /*For KHTML*/ height: 50px; padding: 0; float: left;
	border: 0 none; list-style: none; }

#menu #nav li {
	margin: 0; padding: 0;	float: left; /*For Gecko*/ position: relative; height: 50px; padding: 0 8px;display: inline;
	line-height: 50px;list-style: none; font-size: 15px; font-family: "StainlessBoldRegular", Arial, Helvetica, sans-serif;
	background: url(/images/wbm/nsp.gif) center right no-repeat; border: 0 none; }

#menu #nav li.nobg { background: none; }

#menu #nav ul {
	margin: 0; padding: 0; display: none; position: absolute; top: 50px; left: 0; width: 200px;
	list-style: none;
    border: 0 none;	}

#menu #nav ul:after /*From IE 7 lack of compliance*/{
	clear: both;display: block;	content: "."; height: 0; visibility: hidden;
    font: 1px/0px serif;}

#menu #nav ul li {
	width: 190px; float: left; /*For IE 7 lack of compliance*/	display: block !important;	display: inline; /*For IE*/	position: relative;	top: 0;	height: 30px; padding: 0;
	line-height: 30px;
    background: none;  }

/* Root Menu */
#menu #nav a {float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; height: auto !important; height: 1%; /*For IE*/ height: 30px;	padding: 0 10px; }

#menu #nav li.active a { color: #ddd; }
#menu #nav li.active a:hover { color: #fff; }

#menu #nav a.hasmore { border: 1px solid red; }

/* Root Menu Hover Persistence */
#menu #nav a:hover,
#menu #nav li:hover a,
#menu #nav li.iehover a { color: #fff; }

/* 2nd Menu */
#menu #nav li:hover li a,
#menu #nav li.iehover li a {
	padding: 0 15px;
	font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;	line-height: 30px; text-transform: none;
	color: #333;color: #470002; text-shadow: none;  background: url(/images/wbm/mbg.png) 0 0 repeat;	}

/* 2nd Menu Hover Persistence */
#menu #nav li:hover li a:hover,
#menu #nav li:hover li:hover a,
#menu #nav li.iehover li a:hover,
#menu #nav li.iehover li.iehover a { color: #fff; background: #5e0f12;	}

/* 3rd Menu */
#menu #nav li:hover li:hover li a,
#menu #nav li.iehover li.iehover li a {
	float: none;
	color: #999;
	background: url(/images/wbm/mbg.png) 0 0 repeat; }

/* 3rd Menu Hover Persistence */
#menu #nav li:hover li:hover li a:hover,
#menu #nav li:hover li:hover li:hover a,
#menu #nav li.iehover li.iehover li a:hover,
#menu #nav li.iehover li.iehover li.iehover a {	color: #fff; background: #000;	}

/* 4th Menu */
#menu #nav li:hover li:hover li:hover li a,
#menu #nav li.iehover li.iehover li.iehover li a { color: #999;	background: url(/images/wbm/mbg.png) 0 0 repeat;	}

/* 4th Menu Hover */
#menu #nav li:hover li:hover li:hover li a:hover,
#menu #nav li.iehover li.iehover li.iehover li a:hover { color: #fff; background: #000;	}

#menu #nav ul ul,
#menu #nav ul ul ul { display: none; position: absolute; top: 0; left: 190px; }

/* Do Not Move - Must Come Before display:block for Gecko */
#menu #nav li:hover ul ul,
#menu #nav li:hover ul ul ul,
#menu #nav li.iehover ul ul,
#menu #nav li.iehover ul ul ul { display: none;	}

#menu #nav li:hover ul,
#menu #nav ul li:hover ul,
#menu #nav ul ul li:hover ul,
#menu #nav li.iehover ul,
#menu #nav ul li.iehover ul,
#menu #nav ul ul li.iehover ul { display: block; }

/* =breadcrumb*/
#breadcrumb { margin-left: 10px; color: #ccc; font-size: 13px; }
#breadcrumb a:hover { color: #fff;}

/* Blocks */

.block {padding-bottom: 5px; margin-bottom: 25px;clear: both; 	}

.block .bendl {
	width: 5px;	height: 5px; float: left;		}

.block .bendr {
	width: 5px;	height: 5px; float: right;
	}


/* Block head */

.block .block_head {
	height: 53px; overflow: hidden; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;
	line-height: 54px;
	background: url(/images/wbm/bhead.gif) 0 0 repeat-x;	}

.block .block_head .bheadl {
	width: 20px; height: 54px;	float: left;
	xbackground: url(/images/wbm/bheadl.gif) top left no-repeat; }

.block .block_head .bheadr {
	width: 20px; height: 54px;	float: right;
	xbackground: url(/images/wbm/bheadr.gif) top right no-repeat;	}

.block .block_head h2 {
    float: left;
	font-family: "StainlessRegular", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; text-transform: uppercase; text-shadow: 0 2px 0 rgba(0,0,0,0.15);
	color: #fff; }

.block .block_head ul {
	float: right;
	text-transform: uppercase;	font-size: 11px; font-weight: bold;	text-shadow: 1px 1px 0 #fff; }

.block .block_head ul li {
	display: inline; padding: 3px 0; padding-left: 20px;
	background: url(/images/wbm/phs.gif) 7px center no-repeat; }

.block .block_head ul li.nobg { background: none; }

.block .block_head ul li a {
	text-decoration: none;
	color: #fff; outline: none; text-shadow: 0 1px 0 rgba(0,0,0,0.35);}

.block .block_head ul li.active a { color: #888; }
.block .block_head ul li a:hover { color: #ff0008; }

.block .block_head form {
	float: right; padding: 15px 0; height: 34px; margin-left: 10px;
	line-height: 24px; }

.block .block_head form .text {
	width: 129px; height: 15px;	padding: 5px 10px 5px 25px; margin: 0;
	font-size: 11px;
	color: #666; background: url(/images/wbm/srch.png) left center no-repeat; border: 0;	}

.block .block_head form .text:focus { color: #000;	}

.block .block_head select {	text-transform: none; }

/* =reorder */
#reorder { display: inline-block; }
#reorder span { text-transform: none; color: #ccc; text-shadow: none; }
#reorder span a { color: #fff; }
#reorder span a:hover { color: #FF0008; }

/* Block content */

.block .block_content {
	overflow: hidden; padding: 10px 20px 0;
	background: #fff; border-left: 1px solid #ccc;	border-right: 1px solid #ccc;  -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;  }

.block .block_content h1,
.block .block_content h2 {
    margin-bottom: 10px;
	font-family: "StainlessBoldRegular", Arial, Helvetica, sans-serif; 	font-size: 18px; font-weight: normal;
	color: #454545;	}

.block .block_content h3 {
    margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #666; font-weight: bold; }

.block .block_content h4 {
    margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;	font-size: 13px; font-weight: bold;
	color: #666; }

.block table { text-align: left; margin-bottom: 15px; }

.block table tr.even td { background: #fbfbfb;	}

.block table tr td,
.block table tr th {
    padding: 10px;
	line-height: normal; text-align: left;
    border-bottom: 1px solid #ddd; }
.block table tr th { font-size: 13px; }
.block table tr .edit-link { font-weight: normal;font-size: 11px;   xmargin-left: 10px; }
.block table tr .selected {  background-color: #eee;}


.block table tr:hover td, .block tfoot tr:hover th { background-color: #ffffdf; }

.block table td input { padding: 3px 5px; color: #666; width: 100%; border: 1px solid #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #f5f5f5;}
.block table td .tiny{ padding: 0 5px; margin-left: 5px;}

.block table tr th .set-asc-order{ margin: 0 1px 0 5px; }

.block table tr.inactive td { background: #df9c61; color: #fff; }

.block table tr th.headerSortUp { color: #333; background: url(/images/wbm/sortd.gif) 95% center no-repeat;	}

.block table tr th.headerSortDown {	color: #333; background: url(/images/wbm/sorta.gif) 95% center no-repeat;	}

.block table tr td.delete {	text-align: right; font-size: 11px;	}
.block table tr td.delete a { color: #666; }
.block table tr td.delete a:hover { color: #dd0000; }

.block .block_content table ul { padding: 0; }
.block .block_content table ul li { display: inline; background: none; margin: 0; padding: 0; margin-right: 1em;}

.block .tableactions {	overflow: hidden; padding-bottom: 20px;	float: left; }

.block .tableactions select { margin-right: 5px; vertical-align: middle; outline: none; }

.block table tr td p { padding: 0;}
.block table tr td .cue{ float: left; width: 50%; }
.block table tr td .cue strong { margin-right: 5px; }

.block .pagination {
    padding-bottom: 15px; padding-top: 15px;
	font-size: 10px; font-weight: bold;
	border-top: 1px solid #eee;	}

.block .pagination.right {
	float: right; padding-top: 1px;	width: 500px; overflow: hidden;
    text-align: right;
    border: 0;}

.block .pagination.right ul { float: right;}

.block .pagination ul,
.block .block_content .pagination ul{ padding: 0;}
.block .pagination li,
.block .block_content .pagination li { float: left; padding: 0; background: none; margin-left: 5px; }


.block .pagination a {
    padding: 3px 6px; margin: 0 1px;
	border: 1px solid #ccc;	-webkit-border-radius: 3px;	-moz-border-radius: 3px; border-radius: 3px; }

.block .pagination .current,
.block .block_content .pagination .current {
    padding: 0 6px;
	background: #DD0000; border: 1px solid #660C0C;	color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.block .pagination a:hover { color: #fff; background: #ec8526; border: 1px solid #d77011; }

.block .block_content ul { padding-left: 15px; padding-bottom: 15px; }

.block .block_content ol {
	padding-left: 15px;	padding-bottom: 15px;
	list-style-position: inside; }

.block .block_content ul li {
	margin-bottom: 5px;	padding-left: 15px;
	/*background: url(/images/wbm/li.gif) 0 7px no-repeat;*/ 	}

.block .block_content ul.sortable li {
        background: url(/images/wbm/li-sortable.png) 4px 8px no-repeat;
        border: 1px solid #bbb;
        padding-top: 3px;
        padding-bottom: 3px;
}

.block .block_content ol li { margin-bottom: 5px; }

.block hr {
	height: 1px; margin-bottom: 15px;
	border: 0; background: no-repeat; border-bottom: 1px solid #ddd; }


/* Messages */

/*.block*/ .message {
	padding: 10px 15px 10px 40px; margin: 10px 0; overflow: hidden; position: relative;
	font-weight: bold;
	-webkit-border-radius: 3px;	-moz-border-radius: 3px; border-radius: 3px; }
.message h3 { font-weight: bold;  font-size: 18px; margin-bottom: 10px; text-shadow: 0 1px 0 #fff; line-height: 100%; }
/*.block*/ .message p {	padding: 0;	width: 93%;	float: left; }

/*.block*/ .message.errormsg, .message.error  { border: 1px solid #e9c59b; background: #ffecce url(/images/wbm/error.gif) 12px 12px no-repeat;	color: #e3302c;	}
/*.block*/ .message.success { border: 1px solid #bfde84; background: #edfbd8 url(/images/wbm/success.gif) 12px 12px no-repeat; color: #508600; }
.message.info {	border: 1px solid #bbdbe0; background: #ecf9ff url(/images/wbm/info.gif) 12px 12px no-repeat;	color: #0888c3;	}
/*.block*/ .message.warning { border: 1px solid #e5e181; background: #fefde2 url(/images/wbm/warning.gif) 12px 12px no-repeat; color: #666; }

/*.block*/ .message .close {
    display: block; width: 16px;	height: 16px; position: absolute; right: 15px; top: 13px;
	background: url(/images/wbm/close.png) 0 0 no-repeat;	cursor: pointer; -moz-opacity: 0.7;	opacity: 0.7; display: none; }
/*.block*/ .message .close.hover { -moz-opacity: 1; opacity: 1;	}

.message.errormsg ul  { float: left; padding: 0; margin-top: 5px; }
.message.errormsg ul li {
    padding: 0; margin: 0;
    font-weight: normal; list-style: disc; line-height: 20px;
    color: #333; background: none; }



/* Forms */
.block  form legend { padding-bottom: 15px; font-size: 14px; color: #aaa; font-weight: bold; }
.block  form fieldset { margin-bottom: 30px; }
.block form p {	overflow: hidden; clear: both;	}
.block form p.left {float: left; margin-right: 20px;}

.block form p.text { margin: 0; padding: 0;}
.block form p.text label { display: inline-block; width: 120px; text-align: right; border-right: 1px solid #ddd; padding-right: 10px; }
/*.block form p.text label {font-weight: normal; font-style: italic; color: #999}
.block form p.text span { font-weight: bold;}*/

.block  label {
    margin-right: 10px;	vertical-align: middle;
	font-family: "Lucida Grande", Verdana, sans-serif;	font-size: 12px; font-weight: bold;
	color: #555; }

.block form .label { display: inline-block; width: 50%; font-weight: bold; color: #555;   }

/* =privilges */
.block .privileges p { border-bottom: 1px solid #eee; padding: 10px 1%; clear: none; float: left; width: 47%; margin-right: 1%;  }
.block .privileges p:hover { background-color: #ffffdf;  }
.block .privileges input { vertical-align: middle; margin-left: 1%; }
.block .privileges label { font-weight: normal; margin-left: 2px;}

.block input.text {
	width: 410px; vertical-align: middle; padding: 7px;
	background: #fefefe; border: 1px solid #bbb;
	font-family: "Lucida Grande", Verdana, sans-serif;	font-size: 12px;
	color: #333; -webkit-border-radius: 3px;	-moz-border-radius: 3px; border-radius: 3px; outline: none;	}
.block input.text.small { width: 150px;}
.block input.text.smaller { width: 50px;}
.block input.text.bookings { margin-bottom: 2px;font-size: 12px;padding-top: 5px;padding-bottom: 5px;padding-right: 2px;padding-left: 2px;}

.block .styled.smaller { width: 60px;}

.block input.text.medium { width: 600px; }
.block input.text.big { width: 98%; }

.block  input.text.date_picker, .block.small  input.text.date_picker {
	width: 100px; padding-right: 36px;
	cursor: pointer; background: url(/images/wbm/cal.jpg) center right no-repeat;	}

/*ac - new style for live links admin pages
*/.block input.text-livel {
	width: 1425px; vertical-align: middle; padding: 7px;
	background: #fefefe; border: 1px solid #bbb;
	font-family: "Lucida Grande", Verdana, sans-serif;	font-size: 14px;
	color: #333; -webkit-border-radius: 3px;	-moz-border-radius: 3px; border-radius: 3px; outline: none;	}

.block input.text-lives {
	width: 800px; vertical-align: middle; padding: 7px;
	background: #fefefe; border: 1px solid #bbb;
	font-family: "Lucida Grande", Verdana, sans-serif;	font-size: 14px;
	color: #333; -webkit-border-radius: 3px;	-moz-border-radius: 3px; border-radius: 3px; outline: none;	}

.block  textarea {
	width: 98%;	/*height: 140px;*/	padding: 5px;
	font-family: "Lucida Grande", Verdana, sans-serif; font-size: 14px;
    background: #fefefe; border: 1px solid #bbb; color: #333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; outline: none; }

.block form textarea.wysiwyg { width: 98%; padding: 0; }

.block  input.radio,
.block input.checkbox { vertical-align: middle; margin-right: 5px; }

.inline-labels input, .inline-labels select { margin-right: 15px; }
.inline-labels label {  width: 150px; display: inline-block;}

.block select.multiple {  border: 1px solid #bbb; width: 300px; }
.multiple-wrap .multiple { float: left;}
.multiple-wrap .separator { float: left; padding: 15px;}
.multiple-wrap .separator button { display: block; margin: 15px 0; width: 50px; background-image: url(/images/wbm/btn_tiny.gif);}
.multiple-wrap .separator button:hover { background-image: url(/images/wbm/btn_tiny_.gif); }


/* Custom form select element */

.block form select.small { width: 50px;}
.block form select.styled {
	width: 245px;	height: 18px; margin-right: 20px;
	cursor: pointer; }

.block  select.styled.medium { width: 150px;}
.block .inline-labels  .cmf-skinned-select { display: inline-block; vertical-align: middle;}


.block  .cmf-skinned-select {
	padding: 7px; display: block; margin-right: 20px;
	border: 1px solid #bbb; -webkit-border-radius: 3px;	-moz-border-radius: 3px; border-radius: 3px; background: url('/images/wbm/sdd.jpg') center right no-repeat; }

.block  .cmf-skinned-select:hover { background: url('/images/wbm/sdd_.jpg') center right no-repeat; }

.block  div.cmf-skinned-text {
	padding: 5px 7px; height: 20px !important;
	font-family: "Lucida Grande", Verdana, sans-serif; font-size: 14px;
	color: #333; }

.cmf-skinned-button { display: none;}

.block form .time-selects select { width: 80px; float: left;}
.block form .time-selects select.month { width: 150px;}
.block form .time-selects .cmf-skinned-select {  float: left; margin-right: 10px; }

/* Custom file input */

.block form .fileupload { position: relative; }

.block form .fileupload #uploadmsg {
	display: block; position: absolute;	top: 20px; left: 350px; height: 30px; margin-left: 5px;
	line-height: 30px; font-size: 11px;	}

.block form .fileupload #uploadmsg.loading {
    width: 30px; padding-left: 20px;
	background: url(/images/wbm/ajax-loader.gif) center left no-repeat; }

.block form input.file {
	width: 250px; height: 20px; padding: 4px;
	font-family: "Lucida Grande", Verdana, sans-serif; font-size: 14px;
	color: #333; background: #fefefe; border: 1px solid #bbb; border-right: 0; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px;	outline: none; }

.block form .note {
	padding-left: 10px; vertical-align: middle;
	font-size: 11px; font-weight: bold;
	color: #757575;	}

.block form .note.error { color: #e3302c; }

.block  .submit-template {
	width: 85px; height: 30px; margin-right: 10px;	
	font-family: "StainlessRegular", Arial, Helvetica, sans-serif; ;	font-size: 14px; font-weight: normal; text-transform: uppercase; text-shadow: 0 1px 0 rgba(0,0,0,0.3); line-height: 30px;
	color: #fff; background: url(/images/wbm/btns.gif) top center no-repeat; border: 0; cursor: pointer;	}

.block  .submit {
	width: 85px; height: 30px; margin-right: 10px;	vertical-align: middle;
	font-family: "StainlessRegular", Arial, Helvetica, sans-serif; ;	font-size: 14px; font-weight: normal; text-transform: uppercase; text-shadow: 0 1px 0 rgba(0,0,0,0.3); line-height: 30px;
	color: #fff; background: url(/images/wbm/btns.gif) top center no-repeat; border: 0; cursor: pointer;	}

.block  .submit:hover {	background: url(/images/wbm/btns_.gif) top center no-repeat;	text-shadow: 1px 1px 0 #b55f10;	}

.block form .submit.tiny {
	width: 105px; height: 20px; padding-bottom: 2px; vertical-align: middle;
	font-family: "StainlessBoldRegular", Arial, Helvetica, sans-serif; 	font-size: 10px; font-weight: bold; text-transform: none; line-height: 20px;
	background: url(/images/wbm/tiny.gif) top center no-repeat; }
.block form .submit.tiny:hover { background: url(/images/wbm/tiny_.gif) top center no-repeat; }

.btn-tiny {
	width: 105px; height: 20px; padding-bottom: 2px; vertical-align: middle; display: inline-block; text-align: center; color: #fff;
	font-family: "StainlessBoldRegular", Arial, Helvetica, sans-serif; 	font-size: 10px; font-weight: bold; text-transform: none; line-height: 20px;
	background: url(/images/wbm/tiny.gif) top center no-repeat; }
.btn-tiny:hover { background: url(/images/wbm/tiny_.gif) top center no-repeat; color: #fff; }

/*.block form .submit.tiny.disabled { background: url(/images/wbm/tiny_gray.gif) no-repeat top center}*/
.block form .submit.tiny.disabled { xopacity: 0.2; background: #ddd; color: #999; text-shadow: none; cursor: default; }
/*.block form .submit.tiny.disabled:hover {  text-shadow: 0 1px 0 rgba(0,0,0,0.3);}*/

.block form .submit.mid { width: 115px; background: url(/images/wbm/btnm.gif) top center no-repeat; }
.block form .submit.mid:hover { background: url(/images/wbm/btnm_.gif) top center no-repeat; }

.block  .submit.long { width: 165px; background: url(/images/wbm/btnb.gif) top center no-repeat; }
.block  .submit.long:hover { background: url(/images/wbm/btnb_.gif) top center no-repeat; }


/* Small blocks */

.block.small {
	width: 49%; padding-bottom: 0;}

.block.small.left { float: left; clear: none; }
.block.small.right { float: right; clear: none; }

.block.small .block_head { background: url(/images/wbm/bhead.gif) 0 0 repeat-x; }
.block.small .block_content { background: #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }

.block.small .block_content input.text,
.block.small .block_content textarea { width: 96%; padding: 7px; }

.block.small.center { float: none; margin: 0 auto;	}


/* Login block */

.block.small.center.login {
	width: 470px; margin-top: 150px; margin-bottom: 150px; padding-bottom: 5px;
	background: #fff url(/images/wbm/bnd.gif) bottom center repeat-x;	}


/* Block sidebar */

.block.withsidebar .bendl {
	width: 191px;
	background: url(/images/wbm/bendsb.gif) bottom left no-repeat; }

.block.withsidebar .block_content {
	overflow: hidden; padding: 0;
	background: url(/images/wbm/sidebar.gif) 0 0 repeat-y; }

.block.withsidebar .block_content .sidebar {
	width: 190px; float: left;
	font-size: 11px; }

.block.withsidebar .block_content .sidebar p {
	padding: 0 13px 15px;
	line-height: 18px;	}

.block.withsidebar .block_content .sidebar ul.sidemenu {
	padding: 0;
	margin-bottom: 10px; }

.block.withsidebar .block_content .sidebar ul.sidemenu li {
	padding: 0;	margin: 0;
	background: 0;	border-bottom: 1px solid #ccc;	}

.block.withsidebar .block_content .sidebar ul.sidemenu li a {
	display: block;	padding: 10px 13px;
	font-weight: bold;	}

.block.withsidebar .block_content .sidebar ul.sidemenu li a:hover {	background: #fdfdfd; border-right: 1px solid #ccc; }

.block.withsidebar .block_content .sidebar ul.sidemenu li.active a,
.block.withsidebar .block_content .sidebar ul.sidemenu li.active a:hover { background: #fff; border: 0;	}

.block.withsidebar .block_content .sidebar_content { padding: 15px 20px 15px 210px;	}

/* Image list */

.block .block_content .imglist { overflow: hidden;	margin: 0;	padding: 0; padding-bottom: 10px; }

.block .block_content .imglist ul {	padding: 0;	}

.block .block_content .imglist li {
	padding: 0;	margin: 0; padding: 1px;
	width: 100px; height: 100px; display: block; float: left; position: relative; margin: 13px 17px 10px 10px;
	background: 0; border: 1px solid #ccc; box-shadow: 0 0 3px #ccc; -moz-box-shadow: 0 0 3px #ccc; -webkit-box-shadow: 0 0 3px #ccc; }
.block .block_content .imglist li.selected  { border: 1px solid #DD0000;   -moz-box-shadow: 0 0 3px #DD0000; -webkit-box-shadow: 0 0 3px #DD0000; box-shadow: 0 0 3px #DD0000;}

.block .block_content .imglist li img {	position: absolute;	width: 100px; height: 100px; }

.block .block_content .imglist li ul {
	position: absolute;	z-index: 10; width: 62px; height: 58px;	left: 19px;	top: 21px; display: none;
    background: url(/images/wbm/imgo.gif) center no-repeat; }

.block .block_content .imglist li:hover ul { display: block; }

.block .block_content .imglist li ul li {
	display: block; width: 62px; height: 29px; margin: 0; padding: 0; border: 0;
	text-align: center;
	box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }

.block .block_content .imglist li ul li a {
	display: block; height: 29px;
	text-transform: uppercase; font-size: 10px;	font-weight: bold; line-height: 29px; text-shadow: 0 0 2px #000;
	color: #fff; outline: none;	}

.block .block_content .imglist li ul li.view a:hover { background: url(/images/wbm/imgt.gif) bottom center no-repeat; }
.block .block_content .imglist li ul li.delete a:hover { background: url(/images/wbm/imgb.gif) top center no-repeat; }
.block .block_content .imglist li ul li.select a:hover { background: url(/images/wbm/imgb.gif) top center no-repeat; }


/* Footer */

#footer { color: #fff; font-family: "LucidaGrande", Arial, Helvetica, sans-serif;  clear: both; text-shadow: 0 1px 0 rgba(0,0,0,0.35); background: url(/images/wbm/bg_footer.gif) repeat-x 0 0; padding:  15px 0;}
#footer a { font-weight: bold; }
#footer a:hover { color: #fff; border: 0; text-decoration: none; }

#footer .left {	float: left; }
#footer .right { float: right;	text-align: right; }


/* =filters */
#filters { padding: 5px 10px 10px; background-color: #fafafa;  margin-bottom: 10px;}
#filters fieldset{ border: 0;  }

#filters legend { color: #999; }

#filters input,
#filters select { vertical-align: middle; margin-right: 0.5em; }

#filters input[type="submit"],#filters .btn-tiny {
	width: 105px;	height: 20px; padding-bottom: 3px; vertical-align: middle;
	line-height: 20px; font-family: "StainlessRegular", Arial, Helvetica, sans-serif; 	font-size: 12px; text-transform: none; text-shadow: 0 1px 0 rgba(0,0,0,0.3);
	background: url(/images/wbm/tiny.gif) top center no-repeat; border: 0; color: #fff; cursor: pointer; }

#filters input[type="submit"]:hover,#filters .btn-tiny:hover { background: url(/images/wbm/tiny_.gif) top center no-repeat; text-shadow: 1px 1px 0 #b55f10; }
#filters .btn-tiny  { display: inline-block; text-align: center;}

#filters input.btn-submit { height: 30px; line-height: 30px; background: url(/images/wbm/btns.gif) no-repeat scroll center top transparent;}
#filters input.btn-submit:hover {  background: url(/images/wbm/btns_.gif) no-repeat scroll center top transparent;}

#filters .reset { color: #666; margin-left: 5px; }
#filters input[type="reset"], #filters .reset a { font: bold 12px Arial, Helvetica, sans-serif; background: none; border: 0; color: red; cursor: pointer;  }
#filters input[type="reset"]:hover { color: #000;}
#filters .segment { margin-bottom: 15px;}
#filters .segment.left { margin-right: 15px; float: left;}


#filters .label { display: inline; margin-right: 15px;}

.filters-form { padding: 15px 10px 0;}
.block .filters-form fieldset{ border: 0; margin-bottom: 15px;   }

.filters-form legend { color: #999; }

.filters-form input,
.filters-form select { vertical-align: middle; margin-right: 0.5em; margin-bottom: 0.5em; }

.filters-form input[type="submit"] {
	width: 105px;	height: 20px; padding-bottom: 3px; vertical-align: middle;
	line-height: 20px; font-family: "StainlessRegular", Arial, Helvetica, sans-serif; 	font-size: 12px; text-transform: none; text-shadow: 0 1px 0 rgba(0,0,0,0.3);
	background: url(/images/wbm/tiny.gif) top center no-repeat; border: 0; color: #fff; cursor: pointer; }
.filters-form input[type="submit"]:hover { background: url(/images/wbm/tiny_.gif) top center no-repeat; text-shadow: 1px 1px 0 #b55f10; }

/* jAlert */
#popup_container {
	font-family: Arial, sans-serif;	font-size: 12px;
	min-width: 350px; max-width: 600px; background: #FFF;
    border: 1px solid #ccc;	color: #666;
	-moz-border-radius: 6px;-webkit-border-radius: 6px;	border-radius: 6px;}
#popup_title {
    padding: 8px 15px; margin: 0em;
	font-family:"Titillium999","Trebuchet MS",Arial,sans-serif; font-size: 16px; font-weight: bold; /*text-align: center;*/line-height: 1.75em;
	color: #555; background: url(/images/wbm/bhead.gif) 0 -1px repeat-x; cursor: default; border: 0; border-bottom: 1px solid #ccc;
    -webkit-border-top-left-radius: 6px;-webkit-border-top-right-radius: 6px;-moz-border-radius-topleft: 6px;-moz-border-radius-topright: 6px;border-top-left-radius: 6px;border-top-right-radius: 6px;}
#popup_content {
	padding: 20px; margin: 0;
    background: 16px 16px no-repeat url(images/info.gif); }
/*#popup_message { padding-left: 48px;}*/
#popup_panel { text-align: center;	margin: 1em 0em 0em 1em;}
#popup_prompt {	margin: .5em 0em; -moz-border-radius:3px; background: #FEFEFE;border:1px solid #BBBBBB;color:#333333;font-family:"Lucida Grande",Verdana,sans-serif;font-size:14px;outline:medium none;padding:3px 5px;vertical-align:middle;width:300px;}
#popup_ok, #popup_cancel {
	width: 85px; height: 30px; margin-right: 10px;	vertical-align: middle;
	font-family: "Titillium800", "Trebuchet MS", Arial, sans-serif;	font-size: 14px; font-weight: normal; text-transform: uppercase; text-shadow: 1px 1px 0 #0a5482; line-height: 30px;
	color: #fff; background: url(/images/wbm/btns.gif) top center no-repeat; border: 0; cursor: pointer;	}

#popup_ok:hover, #popup_cancel:hover {	background: url(/images/wbm/btns_.gif) top center no-repeat;	text-shadow: 1px 1px 0 #b55f10;	}

.bold_tds td {
    font-weight: bold;
    background: #F7FFB2;
}

.block .block_content  .checkbox-list li {  background: none; padding: 0; }
.checkbox-list li { float: left; width: 25%; }


#prev_bits{ height: 440px; overflow: auto; border: 1px dotted #ccc; margin-bottom: 15px; }
#todays_bits, #template-content { height: 370px; overflow: auto; border: 1px dotted #ccc; margin-bottom: 15px;}
#staff-picker, #top-stories { height: 300px; overflow: auto; border: 1px dotted #ccc; margin-bottom: 15px;}
#tcs-content { height: 446px; overflow: auto; border: 1px dotted #ccc; margin-bottom: 15px; }
.block .block_content ul.staff-picker-category-list li { list-style: none; background: none; padding-left: 0; margin-bottom: 0; }

.action-tools .playlist { float: left;}



a.sm2_button {
 position:relative;
 display:inline-block; /* If you worry about old browser bugs, Firefox 2 might not like this and may need -moz-inline-box instead. :D */
 width:18px;
 height:18px;
 text-indent:-9999px; /* don't show link text */
 overflow:hidden; /* don't draw inner link text */
 vertical-align:middle;
 /* and, a bit of round-ness for the cool browsers. */
 -moz-border-radius:6px;
 -webkit-border-radius:6px;
 -o-border-radius:6px;
 border-radius:6px;
 margin-top:-1px; /* vertical align tweak */
 /* safari 3.1+ fun (/W3 working draft extension, TBD.) */
 -webkit-transition-property: hover;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out 0s; /* firefox 4 (couldn't sort out -moz-transform vs. MozTransform, so, "all" for now) */
 -o-transition-property: background-color; /* opera 10.5 */
 -o-transition-duration: 0.15s;
 /* weird IE 6/7 display fixes, and/or I'm doing it wrong */
 *text-indent:0px;
 *line-height:99em;
 *vertical-align: top;
}

a.sm2_button:focus {
 outline:none; /* maybe evil, but don't show the slight border outline on focus. */
}

a.sm2_button,
a.sm2_button.sm2_paused:hover {
 background-color:#bd1e23;
 background-image:url(/images/wbm/player/arrow-right-white.png);
 /* where possible, use data: and skip the HTTP request. Fancy-pants. Would use short-hand background: for above, but IE 8 doesn't override background-image. */
 background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAYAAABmBXS+AAAAbklEQVQY02NgQAL//v1jZMAF/v//vwuIs9HEUBUBTbj4HwIeA3EGVsVAxtn/qOAVUGM8uknIiv4hsV8A5ZKxKfoLVvnvHwifAzLtMKwDSQLBVSBti27dJajkcSD2RJODO3wtkOOMz/tMSJJYAxMA5dmsL0IfubQAAAAASUVORK5CYII=);
 *background-image:url(/images/wbm/player/arrow-right-white.gif); /* IE 6+7 don't do DATA: URIs */
 background-repeat:no-repeat;
 background-position:5px 50%;
 *background-position:5px 4px; /* IE 6 again */
}

a.sm2_button:hover,
a.sm2_button.sm2_playing,
a.sm2_button.sm2_playing:hover {
 background-color:#cc3333;
}

a.sm2_button.sm2_playing,
a.sm2_button.sm2_playing:hover {
 -moz-transform:rotate(90deg);
 -webkit-transform:rotate(90deg);
 -ms-transform:rotate(90deg);
}

a.sm2_button.sm2_paused,
a.sm2_button.sm2_paused:hover {
 background-color:#666;
}

.block .freelance-report td { background-color: #eee; border-bottom: 10px solid #fff; font-size: 13px; padding: 10px 15px;}
.block .freelance-report .header td, .block .freelance-report tr.header:hover td { background-color: #ddd; font-size: 14px; }
.block .freelance-report tr:hover td { background-color: #eee;}

/* =report-table */
.block .report-table {  font-size: 11px; margin: 10px 0 5px; }
.block .report-table th { font-weight: bold; font-size: 11px; color: #999; padding: 3px 5px; background-color: #ddd; }
.block .report-table td {  font-size: 12px; padding: 4px 5px; border-bottom: 1px dotted #ccc; background-color: #fff;  }
.block .report-table tr:hover td {  background-color: #fff;  }
.block .freelance-report tr:hover td td { background-color: #fff;}


/* =tab-nav */
.block .block_content .tab-nav { padding: 0; margin-top: 20px;  border-bottom: 1px solid #ccc; margin-left: 1px;}
.block .block_content .tab-nav li { float: left; list-style: none; line-height: 16px;background: none; margin: 0; border: 1px solid #ccc; margin-left: -1px; margin-bottom: -1px; padding: 0; background-color: #eee;}
.block .block_content .tab-nav li a { display: block; padding: 10px 19px; font-weight: bold;}
.block .block_content .tab-nav li.selected { border-bottom: 1px solid #fff; background: #fff;}


#tab-1, #tab-2, .tab-content { border: 1px solid #ccc; border-top: 0;  padding: 20px 20px 0; margin-bottom: 20px;}
.block .block_content .tab-content h2 { margin-bottom: 20px;}
.tab-content.selected { }
/* =images-list */
/*.images-list li {  float: left; margin: 5px; }
.images-list li img { border: 2px solid #eee; padding: 5px; background: #fff; }*/

#station-info, .station-info  { margin: 10px 0 0; }
#station-info ul, .station-info ul { float: left; font-size: 14px; margin-right: 80px; }
#station-info li, .block .block_content .station-info li { background: none; margin: 0; font-weight: bold; }
#station-info li span, .station-info li span {font-style: italic; color: #999; display: inline-block; width: 100px; font-weight: normal; text-align: right; padding: 2px 5px; padding-right: 10px; margin-right: 5px; border-right: 1px solid #ddd; }
#station-info li strong, .station-info li strong { font-size: 16px; color: #333;}

#station-info h2 { font-size: 20px; margin: 20px 0 15px;}


/* =columned-list */
.block .block_content .columned-list { padding: 0; -moz-column-width: 270px; -moz-column-gap: 10px; -webkit-column-width: 270px; -webkit-column-gap: 10px; column-width: 270px; column-gap: 10px;}
.block .block_content .columned-list li { padding-left: 0; background: none; margin-bottom: 2px;}
#filters .columned-list label { font-weight: normal; font-size: 11px; font-weight: normal; display: inline-block; width: 163px; margin-right: 0;}
#filters .columned-list input { display: inline-block; margin-bottom: 0;}
.block .block_content .columned-list.columns-1 { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; }
.block .block_content .columned-list.left { float: left; }


/* =product-request */
.product-request fieldset { min-height: 195px; width: 43%; padding: 15px;  float: left; margin: 20px 1%; border: 2px solid #ddd; border-radius: 8px;}
.product-request label { width: 100px; display: inline-block; }

.product-request .left { float: left;}
.product-request .right { float: right;}

.product-request select { float: right; width: 115px;}
.product-request .cmf-skinned-select { float: right; cursor: pointer;}

#station-info .status { display: inline; }
#station-info .status em { font-style: normal; font-weight: normal; margin-right: 5px; color: #ccc;}
#station-info .status .selected { font-weight: bold; color: #666;}

.message .edit {  color: #DD0000; background: #fff; margin: 0 10px; cursor: pointer;  padding: 6px 15px; border-radius: 5px; border: 1px solid #d1effc}
.message .edit:hover { color: #444;}
.message .edit input {  background: #fff; border: 0; margin-right: 5px;padding: 2px 5px; font: bold 12px Arial, Helvetica, sans-serif; width: 200px; min-width: 200px; color: #444; border-bottom: 1px dashed #ccc;}
.message .edit button { margin: 0 5px; border: 0; background: none; color: #DD0000; cursor: pointer; font-size: 12px; font-weight: bold;}
.message.info .edit { color: #056791;}
.message.error .edit { border-color: #F4D3D2;}

#preloader { width: 250px; background: #fff; font-size: 16px; padding: 20px 5px; text-align: center;}

#preloader h3 { font-size: 16px; color: #222; font-weight: bold; margin-bottom: 15px; color: #880000; }
#preloader p { font-size: 16px; font-weight: normal; color: #222; margin: 0; }
#preloader .loader { margin-bottom: 15px;}

/* =record-counter */
.record-counter {  float: right; margin-top: -30px; background: #eee; border: 1px solid #ddd; padding: 5px 10px; font-size: 12px; border-radius: 5px;}
.record-counter strong { color: #444;}

.block .inline-fields { clear: both;}
.block .inline-fields input { float: left; margin-right: 10px;}
.block .inline-fields .cmf-skinned-select { float: left; margin-right: 10px; margin-bottom: 15px;}