/*body {
    margin: 0;
    background-color: #FFFFFF;
    color: #585858;
}

body, th, td {
    font-family: helvetica, sans-serif;
    font-size: 13px;
}

h3 {
	position: relative;
    margin: 0px 0px 5px 0px;
    
}*/

pre {
	background-color:#f5f5f5;
	padding:4px 8px;
	border:1px solid #eee;
	font-size:1.1em;
}

hr {
	margin-bottom:8px;
}

.text {
    line-height: 1.5em;
}


ul.units { 
	display:block;
	width:360px;
	float:left;
	padding:1px;
	list-style:none !important;
}

ul.units li{ 
	float:left;
	/*width:90px;	*/
	width: 264px;
	background: url('../../../css/images/bullet.png') left center no-repeat;
	list-style:none !important;
	padding-left:15px;
}

div.fixed {
    width: 800px !important;
}

.clear {
    clear: both;
}

h4.clear {
	height:auto;
}

img {
    vertical-align: middle;
    border: 0;
}

/*#headerWrapper {
    width: 100%;
    height: 122px;
    background: #440000 url('../images/headerbg.gif') repeat-x;
    text-align: center;
}

#header {
    position: relative;
    text-align: left;
    width: 800px;
    height: 122px;
    margin: 0 auto;
}*/


/**
 * Links
 */
a {
    text-decoration: none;
    color: #D90000;
}

a:hover {
    text-decoration: none;
}


img.home {
    padding-bottom: 20px;
    float: left;
}

#wolfalert_badge {
	display:block;
	background:url('../../../bb_app/public/images/wolfalert_badge.png') no-repeat center center;
	width:135px;
	height:136px;
	position:absolute;
	top:115px;
	left:0;
}

/**
 * Logo
 */
/*#logo {
    position: absolute;
    bottom: 0.6em;
}

#logo h1 {
    display: inline;
    color: #FFFFFF;
    font-size: 2.6em;
}

#logo h2 {
    display: inline;
    padding-left: 0.5em;
    color: #E5CCD0;
    font-size: 1.0em;
}*/


/**
 * Menu
 */
/*#menu {
    position: absolute;
    right: 0em;
    bottom: 0em;
}

#menu ul {
    list-style: none;
}

#menu li {
    float: left;
}

#menu li a {
    margin-left: 0.5em;
    display: block;
    padding: 0.5em 1.0em 0.5em 1.0em;
    background: #FFFFFF url('../images/menu.gif') repeat-x;
    border: solid 1px #FFFFFF;
    color: #616161;
    font-weight: bold;
    font-size: 1.0em;
    text-decoration: none;
}

#menu li a.active {
    background: #CA2F2F url('../images/menuActive.gif') repeat-x;
    color: #FFFFFF;
    border: solid 1px #A94B4B;
}*/


/**
 * Content
 */
/*#contentWrapper {
    background: #FFFFFF url('../images/contentBorder.gif') 0px 1px repeat-x;
    padding-top: 77px;
    text-align: center;
}

#content
{
    position: relative;
    width: 800px;
    margin: 0 auto;
    text-align: left;
    padding-bottom: 40px;
}*/

/**
 * Footer
 */
/*#footerWrapper {
    text-align: center;
    padding-bottom: 5px;
}

#footer {
    width: 800px;
    margin: 0 auto;
    clear: both;
    border-top: dotted 1px #E1E1E1;
    margin-top: 1.0em;
    margin-bottom: 1.0em;
    padding-top: 1.0em;
    font-size: 10px;
}*/

/**
 * Error
 */
.error {
    background-image: url('../images/error.png');
    background-repeat: no-repeat;
    padding-left: 22px;
}

/**
 * Generic form styles
 */
#formContainer, #formContainer2, #formContainer3 {
	position: relative;
    margin: 0 5px 5px 5px;
    padding: 10px;
    background-color: #EEEEEE;
    border: 1px solid #000000;
}

#formTitle {
    font-size: 14px;
    font-weight: bold;
}

#formContainer p {
	font-size: 12px;
}

#formContainer h3 {
    margin: 0 0 10px 0;
}

#formContainer2 .groupUrls_admin {
	clear:both;
	padding-top:5px;
}
#formContainer2 .groupUrls_admin table.url {
	width:730px;
	margin:10px 0 0 0;
}

#formContainer3 form {margin:0 !important; padding:0 !important;}
#formContainer3 textarea {
	width:580px !important;
	height:50px !important;
}

/**
 * Group Form
 */
#groupForm {
    float: left;
    margin-right: 30px;
	padding-top:0;
}

#groupForm input, textarea {
	border: 1px solid #000000;
}

#groupForm textarea {
    width: 275px;
    height: 100px;
}

#groupForm select {
    width: 275px;
}

/**
 * adminAdd Form
 */
#adminAddForm input{
	border: 1px solid #000000;
}

#adminForm textarea {
    width: 275px;
    height: 100px;
}

.ownerList, .userList, .adminList, .machineList, .urlList, .editGroup, .viewGroup {
    float: left;
    /*margin: -10px 30px -10px 0;*/
    padding: 10px;
    line-height: 1.5em;
}

.ownerList h2, .userList h2, .adminList h2, .machineList h2, .urlList h2, .editGroup h2, .viewGroup h2{
    margin: 0;
    font-size: 1.1em !important;
    font-weight: bold;
}

/*h1 {
    margin: 0;
    font-size: 14px;
    font-weight: bold;
}*/

#groupUrls tr , .cascadeUrls tr {
    background-color: #CCCCCC;
}

#groupUrls tr.enabled , .cascadeUrls tr.enabled {
    background-color: #ffe877;
}

#groupUrls tr.info.enabled , .cascadeUrls tr.info.enabled {
    background-color: #FFFEA2;
}

#groupUrls tr.expired , .cascadeUrls tr.expired {
	background-color: #DFDFDF;/* #FF9955; */	
}
#groupUrls tr.expired.info , .cascadeUrls tr.expired.info {
	background-color: #F9F9F9;
}
#groupUrls tr.info , .cascadeUrls tr.info {
    background-color: #DFDFDF;
}
#groupUrls td , .cascadeUrls td {
    padding: 3px;
}

#groupUrls td div , .cascadeUrls td div {
    white-space: nowrap;
    overflow: auto;
}
#groupUrls td.displayLength , .cascadeUrls td.displayLength {
	text-align: right;	
}
#groupUrls td.title , .cascadeUrls td.title {
	font-weight: bold;	
}
#groupUrls table , .cascadeUrls table {
    margin-bottom: 10px;
}
#groupUrls td.slide_thumb , .cascadeUrls td.slide_thumb {
	text-align:center;
}

#groupUrls td.slide_thumb img , .cascadeUrls td.slide_thumb img {
	border:1px solid #333333;
}

#groupUrls table.url , .cascadeUrls table.url {
    background-color: #DFDFDF;
    border: 1px solid #000000;
	width: 910px;
	margin:0 auto 10px;
}

#groupUrls td.order , .cascadeUrls td.order {
    background: #FFFFFF url('../images/menu.gif') repeat-x;
    color: #000000;
    text-align: center;
    font-weight: bolder;
    font-size: 16px;
    padding: 3px;
    cursor: move;
}
.cascadeUrls td.order {
	cursor: auto;
}

#groupUrls table.activeDrag tr , .cascadeUrls table.activeDrag tr {
    background-color: #CCE2EF;
}

#groupUrls table.activeDrag .info , .cascadeUrls table.activeDrag .info {
    background-color: #CCE2EF;
}

#groupUrls .buttons , .cascadeUrls .buttons {
    float: right;
    text-align: right;
}

td.buttons {
	float:none !important;
}

#sortListStatus {
    background-color: #FFFEA2;
    padding: 0 2px;
	visibility:hidden;
	font-weight:bold;
}

.adminLink {
    float: left;
    margin: 15px;
    padding: 10px;
}

.adminLink a {
    text-decoration: none;
}

td.label {
    font-weight: bold;
}

.groupList {
	position: relative;
    margin: 0px 5px 5px 5px;

    padding: 10px;
    
    background-color: #EEEEEE;
    border: 1px solid #000000;
    
}
.group {
    text-align: center;
    width: 130px;
    height: 50px;
    float: left;
    margin-right: 15px;
}

.group a {
    text-decoration: none;
}

.machine {
    background-image: url(../images/machine.png);
    background-repeat: no-repeat;
    background-position: 10px 13px;
    text-align: left;
    width: 375px;
    float: left;
    margin: 0px 10px 10px 10px;
    padding: 10px 10px 10px 50px;
    border: 1px solid #C0C0C0;
}

.machine.hidden {
	background-image: url(../images/machine_hidden.png);
}

.machine.enabled {
    background-color: #FFFEA2;
}

.machine.disabled {
    background-color: #DFDFDF;
}

.machine img {
    float: right;
    margin-left: 5px;
}



/** Tabs **/
.mootabs_title {
	/*height: 32px;*/
	overflow:auto;
	list-style-image: none;
	list-style-type: none;
	position: relative;
	margin: 0px !important;
	padding-left: 2px;
	#padding-top: 3px;
}

.mootabs_title li {
	float: left;
	margin: 0 0 0 0;
	#margin: 0 0 0 0;
	display:block;
}
.mootabs_title a, .mootabs_title a:visited {
	margin-right: 3px;
	padding: 3px 10px 3px 10px;
	text-decoration: none;
	background: #FFFFFF url('../images/menu.gif') repeat-x;
    border: solid 1px #FFFFFF;
    color: #616161 !important;
    font-weight: bold;
	display:block;
}

.mootabs_title a.active {
	background: #CA2F2F url('../images/menuActive.gif') repeat-x;
    color: #FFFFFF !important;
    border: solid 1px #A94B4B;
	z-index: 100;
}

.mootabs_panel {
    width: 920px;
	display: none;
	clear: both;
	position: relative;
	border: 1px solid #A94B4B;
	margin-left: 2px;
	overflow: auto;
	padding: 8px;
	text-align: left;
	background-color: #EEEEEE;
	margin-bottom:20px;

}

.mootabs_panel.active
{
	display: block;
}


/* moodalbox CSS */

div#mb_overlay, div#slidebox_overlay {
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #000;
    cursor: pointer;
	height:0;
}

div#mb_center, div#mb_bottom, div#slidebox_center, div#slidebox_bottom {
    position: absolute;
    left: 50%;
    overflow: hidden;
    background-color: #FFF;
}

div#mb_center, div#slidebox_center {
    background-color: #FFF;
}

div#mb_contents, div#slidebox_contents {
    width: 800px;
    height: 600px;
    border: 10px solid #FFF;
    overflow: auto;
    background-color: #FFF;
    visibility: hidden;
}

.mb_loading, .slidebox_loading {
    background: #FFF url(../images/loading.gif) no-repeat center center;
}

#mb_error, #slidebox_error {
    font-size: 1.2em;
    color: #CD0000;
    font-weight: bold;
    text-align: center;
    padding: 0.5em;
}

#mb_error em, #slidebox_error em {
    font-size: 0.8em;
}

div#mb_bottom, div#slidebox_bottom {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    color: #666;
    line-height: 1.4em;
    text-align: left;
    border: 10px solid #FFF;
    border-top-style: none;
}

a#mb_close_link, a#slidebox_close_link {
    display: block;
    float: right;
    width: 66px;
    height: 22px;
    background: transparent url(../images/closelabel.gif) no-repeat center;
    margin: 5px 0;
}

div#mb_caption, div#slidebox_caption {
    margin-right: 71px;
}
.addEditURL {
	width: 100%;
}
.addEditURL td {
	width: 50%;
	vertical-align: top;
}

iframe.edit_modal, iframe.add_modal {
	border:none !important;
	overflow:hidden !important;
}

#error_modal, #confirm_modal {
	width: 500px;
	height:180px;
	padding:8px;
	border:4px solid #c00;
	position:fixed;
	top:0;
	left:0;
	z-index:900;
	font-size:0.8em;
	background: #FFF url(/bb_app/public/images/closelabel.gif) no-repeat 440px 170px;
	display:none;
	cursor:pointer;
}

#confirm_modal {
	border:4px solid #0C0;
	background: #FFF;
	height:140px;
}

#confirm_modal h3 {
	font-size:1.1em;
	color:#060;
}

#error_modal ul {
	margin-left: 20pt;
}

#error_modal ul li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
}

#error_modal_block, #confirm_modal_block {
	width:100%;
	height:100%;
	background-color:#000;
	position:fixed;
	top:0;
	left:0;
	z-index:899;
	-moz-opacity:.70; filter:alpha(opacity=70); opacity:.70;
	display:none;
}

#confirm_modal_block {
	-moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;
}

span.processing {
	display:block;
	height:17px;
	width:200px;
	padding:0 5px;
	line-height:17px;
	background-color:#70BD5E;
	border:1px solid green;
	color:#fff;
	margin: 5px 0 15px;
}

.icon_info {
	clear:both;
	overflow:auto;
	padding:3px;
	padding-left:40px;
	background-color:#ddd;
	border:1px solid #ccc;
	margin-top:60px;
	margin-bottom:10px;
	font-weight:bold;
}

.icon_info em {
	font-weight:normal;
}

.icon_info ul, li {
	list-style:none;
}

.icon_info li {
	display:block; float:left;
	width:280px;
}

.icon_info h3 {
	border-bottom:1px solid #999;
	color:#666;
	margin-right:40px;
	font-style:italic;
}

.thumbnail_pref_hidden {
	display:none;
}
a.expand_btn {
	display:block; padding:0; margin:0; height:10px; width:10px; background:url('../../../bb_app/public/images/expand.png') no-repeat top left;
}

/* Calendar */
/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* Default CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron>, MIT Style License. */

input.calendar,
select.calendar {
	width: 99px;
}

button.calendar {
	background: url(../images/calendar_view_month.png) no-repeat;
	border: 0px;
	cursor: pointer;
	height: 18px;
	margin-right: 6px;
	width: 16px;
}
button.calendar:hover,
button.calendar.active {
	/* background-position: 0 20px; */
		
}

div.calendar {
	background: url(../images/calendar.png);
	height: 195px;
	padding: 0 6px;
	text-align: center;
	width: 147px;
}	
	div.calendar div {
		background: none !important;
		cursor: move;
		height: 185px;
		overflow: hidden;
		padding-top: 10px;
		position: relative;
		width: 147px;
	}	
	
	div.calendar caption {
		color: #333;
		font: normal 12px/16px Arial, Helvetica, sans-serif;
		padding-top: 6px;
		text-align: center;
		width: 100%;
	}
	div.calendar caption a {
		cursor: pointer;
		display: block;
		height: 12px;
		overflow: hidden;
		position: absolute;
		text-indent: -100px;
		top: 17px;
		width: 11px;
	}
	div.calendar caption a.prev {
		background-image: url(../images/calendar-prev.gif);
		left: 0;
	}
	div.calendar caption a.next {
		background-image: url(../images/calendar-next.gif);
		right: 0;
	}
	div.calendar caption a:hover {
		background-position: 0 12px;
	}
	div.calendar caption span {
		height: 25px;
		position: relative;
		text-align: center;
	}
	div.calendar caption span.month {
		padding-right: 8px;
	}
	div.calendar caption span.month:after {
		content: ',';
	}

	div.calendar table {
		background: #FFF;
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
		cursor: default;
		margin: 0 auto;
		overflow: hidden;
		width: 147px;
	}
	div.calendar td,
	div.calendar th {
		border: 0;
		color: #0597DB;
		font: normal 12px Arial, Helvetica, sans-serif;
		line-height: 19px;
		text-align: center;
		width: 21px;
	}

	div.calendar td {
		background: url(../images/calendar-td.gif);
		color: #FFF;
		font-size: 11px;
	}
	div.calendar td.invalid {
		color: #999;
	}
	div.calendar td.valid {
		background: url(../images/calendar-valid.gif);
		color: #0597DB;
		cursor: pointer;
	}
	div.calendar td.hilite {
		background: url(../images/calendar-hilite.gif);
	}
	div.calendar td.inactive {
		background: url(../images/calendar-td.gif) 0 100%;
		color: #FFF;
	}
	div.calendar td.active,
	div.calendar td.hover {
		background: url(../images/calendar-valid.gif) 0 100%;
		color: #FFF;
		cursor: pointer;
	}
	option.disabled {
		background-color: #EEEEEE;
		color: #808080;
	}
	#beforeUrl option {
		font-weight:bold;
	}
	#beforeUrl option.disabled {
		background-color: #EEEEEE !important;
		color: #808080 !important;
		font-weight:normal;
	}
	#beforeUrl option.sched_disabled {
		background-color: #E2EFE0 !important;
		color: #6B7F67 !important;
		font-weight:normal;
	}
	
.url_clear_ctrls {
	border:1px solid #A94B4B;
	background: #F7CFCF;
	padding:3px 5px;
	float:right;
	font-size: 11px;
}

.url_clear_ctrls a, .url_clear_ctrls a:visited {
	color:#B32727;
}

#content .url_clear_ctrls ol {
	margin:0;
	padding:0;
	list-style:none;
}

#content .url_clear_ctrls li {
	margin:0;
	padding:0;
	list-style:none;
}