/* normalize font size */
* { font-size:100%; }

/* bold, underlined, black text for links */
a { color:#000; font-weight:bold; }
a img { border-style:none; }

/* get rid of spacing around all block elements by default */
blockquote,
dl,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
ol,
p,
pre,
table,
ul { margin:0; padding:0; }

/* default font for everything */
body,
input,
select,
textarea { font-family:'Tahoma', 'Lucida Grande', sans-serif; }

/* faded logo as backdrop */
body { background-color:#ffffff; font-size:12px; margin:6px 16px 16px 16px; }

/* fix form element alignment */

/* make sure cell headings don't stand out */
th { font-weight:normal; }
th input,
th select { font-weight:normal; }

/* main header - logo */
.main_header .logo { margin-bottom:6px; overflow:hidden; width:100%;
                     zoom:1.0; }
.main_header .logo h1 { font-size:250%; }

/* bar with misc info between header and content */
.main_bar { background-color:#71a824; color:#fff; line-height:20px;
            overflow:hidden; padding:6px; zoom:1.0; }
.main_bar a { color:#fff; }
.main_bar .user_info { float:right; }
.main_bar .user_info li { float:left; margin-left:6px; }
.main_bar .user_info ul { list-style-type:none; }
.main_bar .select_department { float:left; }
.main_bar .select_department .label { float:left; margin-right:6px; }

/* navs at the left */
.all_navs { float:left; width:184px; }
.all_navs a { color:#fff; font-weight:bold; text-decoration:none; }
.all_navs li .heading { border-bottom:solid 1px #fff; color:#fff;
                        margin:6px 6px 6px 0; }
.all_navs ul { list-style-type:none; }
.all_navs ul.menu li { height:20px; line-height:20px; padding:0 10px; }
.all_navs ul.menu li.selected { background-color:#ffffff; }
.all_navs ul.menu li.selected a { color:#000; }
.all_navs .main_nav { background-color:#71a824; margin-top:-6px;
                      padding:0 0 6px 6px; position:relative; }
.all_navs .misc_nav { background-color:#a1a1a1; padding:6px 0 6px 6px;
                      margin-top:6px; position:relative; }
.all_navs .powered { padding:6px 0; }
.all_navs .powered p { background-image:url(../images/logo.gif);
                       background-repeat:no-repeat; font-size:80%;
                       padding:0 0 6px 39px; }

/* error message from rails */
.rails_notice { background-color:#ffa01e; left:50%; margin-left:-25%;
                padding:10px; position:absolute; top:0; width:50%; }

/* main content area at the right */
.hack-main_content_outer { float:right; margin-left:-200px; width:100%; }
.hack-main_content_inner { margin:6px 16px 0 200px; }
.main_content { width:100%; }

.popup_window { background-color:#ffffff; padding:10px; }

.green { color:#71a824; }
.orange { color:#d17a00; }

.clear { clear:both; }
.info_centered { text-align:center; }
.elided .first { border-bottom:dotted 1px #000; }
.elided .all { background-color:#c7c7c7; padding:6px; z-index:1; }
.elided .all ul { margin:0; padding-left:15px; }

/* layout */
.layout-leftcol { float:left; width:50%; }
.hack-layout-leftcol_inner { padding-right:8px; }
.layout-rightcol { float:left; width:50%; }
.hack-layout-rightcol_inner { padding-left:8px; }

/* buttons */
.btn { border:outset 2px #ccc; color:#fff; float:left;
       line-height:17px; padding:0 10px; }
.btn a { color:#fff; display:block; font-weight:bold; text-decoration:none; }
.btn input,
.btn select { color:#fff; font-size:80%; font-weight:bold; }
.btn input.type_submit { background-color:transparent; border-style:none;
                         font-size:100%; padding:0; }
.btn-blue,
.btn-blue input,
.btn-blue select { background-color:#0083b3; }
.btn-gray,
.btn-gray input,
.btn-gray select { background-color:#a1a1a1; }
.btn-green,
.btn-green input,
.btn-green select { background-color:#71a824; }
.btn-orange,
.btn-orange input,
.btn-orange select { background-color:#d17a00; }

/* main title at the top of the page */
.main_title { clear:both; float:left; margin-bottom:16px; width:100%;  }
.main_title h2 { float:left; font-size:200%; margin-right:16px; }
.main_title h2.tabbed { color:#7a7a7a; font-weight:normal; }
.main_title h2.tabbed a { color:#7a7a7a; }
.main_title h2.tabbed a.selected { color:#000; text-decoration:none; }
.main_title li { color:#c7c7c7; float:left; margin:6px 6px 0 0; }
.main_title p { clear:left; float:left; margin-left:1px; width:100%; }
.main_title ul { float:left; list-style:none; }

/* "box" - contains one functional element */
.box { clear:left; float:left; margin-bottom:10px; width:75%; }
.box_sign_up { clear:left; float:left; margin-bottom:2px; width:90%; margin-left:0px; background-color: #E4FAFF; padding: 10px  0 5px 60px; }
.sign_up_note1 { margin: 15px 15px 15px 25px; text-align:left; }
.box_confim { clear:left; float:left; margin-bottom:2px; width:90%; margin-left:0px; background-color: #E4FAFF; padding: 20px  0px 55px 80px; }

/* header - should look like a tab with bunch of buttons next to it */
.box .header { clear:left; }
.box .header h3 { background-color:#c7c7c7; float:left; font-weight:normal;
                  padding:6px; }
.box .header li { color:#c7c7c7; float:left; margin-left:6px; }
.box .header select { font-size:80%; }
.box .header ul { float:left; list-style:none; }

/* content */
.box .content { clear:left; }

/* list of stuff */
.box table.list { border-collapse:separate; border-color:#c7c7c7;
                  border-spacing:0; border-style:solid;
                  border-width:1px 1px 1px 0; clear:left; float:left;
                  margin-bottom:6px; width:100%; }
.box table.list td { border-left:solid 1px #c7c7c7; padding:3px 6px; }
.box table.list tfoot th { text-align:right; }
.box table.list th { background-color:#c7c7c7; border-color:#c7c7c7;
                     border-style:solid; border-width:0 0 0 1px;
                     padding:3px 6px; }
.box table.list th.header { background-color:#fff; border-width:1px 0;
                            font-size:150%; font-weight:bold;
                            padding:6px 0 6px 0;text-align:left; }
.box table.list tr.even { background-color:#ffffff; }
.box table.list tr.odd { background-color:#dddddd; }
.box table.list tr.notplaying { background-color:#f3c3b7; }
.box table.list td.notplaying { color:red; }
.box table.list tr.highlight { background-color:#ffa01e; }
.box table.list tr.expired td { text-decoration:line-through; }
.box table.list .num { text-align:right; }
.box table.list .pos { width:56px; white-space:nowrap; }
.box table.list .pos input { vertical-align:middle; }
.box table.list .x { padding:0; text-align:center; width:24px; }
.box table.list .x a { text-decoration:none; }

/* detailed info about one thing */
.box table.record { border-collapse:separate; border-color:#c7c7c7;
                    border-spacing:0; border-style:solid;
                    border-width:1px 1px 0 0; clear:left; 
                    margin-bottom:6px; width:100%; }
.box table.record th { background-color:#c7c7c7;
                       border-bottom:solid 1px #c7c7c7;
                       text-align:right; padding:3px 6px; }
.box table.record td { background-color:#fff;
                       border-bottom:solid 1px #c7c7c7;
                       padding:3px 6px; }

/* media preview - layout, images, videos, etc. */
.box table.preview { border-collapse:collapse; border-color:#c7c7c7;
                     border-spacing:0; border-style:solid;
                     border-width:1px 0; clear:left; margin:0;
                     width:100%; }

/* notifications */
.error { background-color:#ffa01e; margin-bottom:6px;
         overflow:hidden; padding:10px; zoom:1.0; }
.error h3 { border-bottom:solid 1px #000; font-weight:normal;
            margin-bottom:6px; }
.error ul { padding-left:25px; }
.note { background-color:#c7c7c7; clear:left; margin-bottom:6px;
        overflow:hidden; padding:10px; zoom:1.0; }
.note h3 { border-bottom:solid 1px #000; font-weight:normal;
           margin-bottom:6px; }
.report_filter { overflow:hidden; padding-bottom:6px; }
.report_filter .content table.list,
.report_filter .note { margin-bottom:0; }
.report_filter .note table { border-collapse:collapse; border-spacing:0;
                             border-style:none; }
.report_filter .note table td { padding:0 6px 0 0; vertical-align:top; }
.warning { background-color:#ffa01e; margin-bottom:6px;
           overflow:hidden; padding:10px; zoom:1.0; }
.box table td .warning { margin-bottom:0; }

/* footer - usually contains buttons */
.box .footer { clear:left; float:left; padding-bottom:6px; width:100%; }
.box .footer .cancel { float:left; padding:3px 0 0 0; margin-right:6px; }
.box .footer .cancel a { color:#a1a1a1; text-decoration:none; }
.box .footer .btn { margin-right:6px; }

/* box colorings */
.box-blue .header h3,
.box-blue table.list th,
.box-blue table.record th { background-color:#00bdff; }
.box-blue table.list,
.box-blue table.list th,
.box-blue table.list td,
.box-blue table.record,
.box-blue table.record th,
.box-blue table.record td { border-color:#00bdff; }
.box-green .header h3,
.box-green table.list th,
.box-green table.record th { background-color:#99d744; }
.box-green table.list,
.box-green table.list th,
.box-green table.list td,
.box-green table.record,
.box-green table.record th,
.box-green table.record td { border-color:#99d744; }
.box-orange .header h3,
.box-orange table.list th,
.box-orange table.record th { background-color:#ffa01e; }
.box-orange table.list,
.box-orange table.list th,
.box-orange table.list td,
.box-orange table.record,
.box-orange table.record th,
.box-orange table.record td { border-color:#ffa01e; }

/* layout preview */
.layout_preview .layout .bg { background-color:#000; }
.layout_preview .layout .box { background-color:#c7c7c7; }
.layout_preview .layout .box table { border-collapse:collapse;
                                     border-spacing:0; border-style:none;
                                     height:100%; width:100%; }
.layout_preview .layout .box td { border:solid 1px #000; height:100%;
                                  padding:0; width:100%; }
.layout_preview .label { background-color:#c7c7c7; color:#000; padding:4px; }
.layout_preview .ad { background-color:#fff; overflow:hidden; }
.layout_preview .ad a { color:#000; font-size:200%; text-decoration:none; }
.layout_preview .ad iframe { border-style:none; }
.layout_preview .ad img,
.layout_preview .ad object { border-style:none; height:100%; width:100%; }
.layout_preview .ad p { text-align:center; margin-top:2em; }

.errorExplanation { border:solid 1px #ffa01e; margin-bottom:16px; }
.errorExplanation h2 { background-color:#ffa01e; color:#fff; font-size:100%; margin:0; float:none; padding:3px 6px; text-align:center; }
.errorExplanation p { top:0; margin:3px 6px; color:#000; }
.errorExplanation ul { margin:0 6px 3px 24px; padding:0; }

/* page-specific styles */
.box-user_login table.record { width:auto; }
.box-user_login table.record td { width:auto; }

/* login */
	/*[ Hack to get IE to display fieldset/legend correctly */
	html fieldset {
		position: relative;
	}
	html legend {
		position: absolute;
		top: -1em;
		left: .5em;
	}
	html fieldset {
		position: relative;
		margin-top: 1em;
		padding-top: 2em;
		padding-bottom: 2em;
	}
	html label {
		text-align: left;
		font-weight: bold;
	}
	/*] Hack to get IE to display fieldset/legend correctly */
	
.login_body {
	margin: 0 0 0 0;
}
		.login_boxGlobal {
			position: absolute;
			width: 100%;
			height: 100%;
			margin: 0 0 0 0;
		}
				.login_box {
					position:relative;
					background-image:url(../images/login_background.jpg);
					background-repeat:no-repeat;
					
					width: 581px;
					height: 341px;
					text-align: left;
					margin: 0 auto;
					margin-top: 10%;
					
					border: 1px solid #666;
				}
        .sign_up_box {
          width: 1000px;
          height: 900px;
          margin-top: 2%;
        }
						.login_customer {
							font-size: 35px;
							height: 70px;
						}
						.sign_up { height:60px; padding-left:20px; padding-top:8px; font-weight:normal; background-color: #0078CE; color: white}
						.login_boxSub {
							text-align: center;
						}
								.login_header {
									font-size: 20px;
									height: 50px;
									margin-top: 0px;
									padding-top: 0px;
								}
								.login_form_row {
									white-space: nowrap;
									padding-bottom: .5em;
								}
								.login_content table.list tr {
									text-align: right;
								}
								table.login_table {
									text-align: center;
									margin:0 auto;
								}
								table.login_table td.login_table_submit {
									float: right;
								}
						.copyright {
							position:absolute; bottom:0px;
						}
						
.textInput {
	background-color: #fff2ba;
	color: #404040;
}
fieldset {
	background: #ddd;
}
legend {
	color: white;
	background: #444;
	padding: .4em 1em;
}
label {
	width: 10em;
	float: left;
	text-align: right;
	margin-right: 0.2em;
	display: block;
}

/* 3-way split on misc info in campaign page */
.box-campaign_show_dates { margin-right:1%; width:32%; }
.box-campaign_show_times { clear:none; margin-right:1%; width:32%; }
.box-campaign_show_locations { clear:none; width:32%; }

/* report section */
.box-report_create_filter,
.box-report_list { margin-right:1%; width:38%; }
.box-report_create_result,
.box-report_show { clear:none; width:59%; }

/* department page */
.box-department_edit .detail table.record,
.box-department_edit .permissions table.record { width:100%; }
.box-department_edit .permissions { float:left; margin-right:1%; width:24%; }
.box-department_edit .display_layouts { float:left; margin-right:1%;
                                        width:24%; }
.box-department_edit .ad_types { float:left; margin-right:1%; width:24%; }
.box-department_edit .locations { float:left; width:24%; }
.box-department_edit .permissions .content,
.box-department_edit .display_layouts .content,
.box-department_edit .ad_types .content,
.box-department_edit .locations .content { overflow:auto; height:200px; }
.box-department_edit .permissions table.record,
.box-department_edit .display_layouts table.list,
.box-department_edit .ad_types table.list,
.box-department_edit .locations table.list { margin-bottom:0; }
.box-department_edit .footer { padding-top:6px; }

/* display layout section */
.box-display_layout_edit_detail table.record { width:100%; }
.box-display_layout_edit_boxes { margin-right:1%; width:48%; }
.box-display_layout_edit_preview { float:right; clear:none; width:49%; }
.preview { background-color:#000; border-style:solid; border-width:1px; }

.logo_action-keep { padding-top:6px; }

/* links and buttons (started 03-13-2009) */
a:hover { color:#EFC155 }
input.type_submit:hover { color:#FFD46E; cursor: pointer; }

.submit_link input.type_submit:hover { color:grey; }

.box_sign_up table.record_sign_up { margin-bottom: 10px; }
.box_sign_up table.record_sign_up th label { text-align:right; padding:3px 6px; text-align: right; font-weight: normal;font-size:10px; color: black; }
.box_sign_up table.record_sign_up tr { height: 30px; }
.box_sign_up table.record_sign_up td { text-align:left; }
.box_sign_up table.record_sign_up input { height: 18px; width: 200px;font-family:Arial;font-size:14px;border-color:#00FFFF;border-style:solid;border-radius:5px;height:18px}
.box_sign_up table.record_sign_up textarea { height: 36px; width: 200px;font-family:Arial;font-size:14px;border-color:#00FFFF;border-style:solid;border-radius:5px}
.box_sign_up table.record_sign_up select { height: 25px; width: 205px;font-family:Arial;font-size:14px;background-color:white;padding:2px 0px 0px 0px;border-color:#00FFFF;border-style:solid;border-radius:5px}