/* GLOBAL */
* 	{ margin:0; padding: 0;  }
*:hover, *:focus, *:active { outline:none; }
html { }
body 	{ width: 100%; font-family: sans-serif; color: #c9c9c9; }
#container #container_12 {height:100%}
h1 { color: #c9c9c9; font-size: 1.3em; padding:20px; }
h2 	{ color: #c9c9c9; font-size: 1.1em; font-weight: bold; }
h3	{ color: #c9c9c9; }
img 	{ border:none; }
body a	{ color: #c9c9c9; text-decoration:none; }
body a:hover	{ color: #00ccff;}
.left { float:left; }
.right { float:right; }
tr[onclick], div[onclick], a { cursor:pointer; }
tr[onclick] { color: #c9c9c9; text-decoration:none; }
tr[onclick]:hover { color: #00ccff; }

/* Home Page */
#phil {float:right;}
#home_left {float:left;}
	#latest_updates {padding:10px;}
	#daily_photo {padding-left:10px;}
#home_right {float:right; margin-right:50px;}
	#live_chat {background:url() no-repeat; width:; height:;}
      #remote_support {background:url() no-repeat; width:; height:;}
      #get_quote {background:url() no-repeat; width:; height:;}
      	#repair_quote {background:url() no-repeat; width:; height:;}
            #used_quote {background:url() no-repeat; width:; height:;}
            #new_quote {background:url() no-repeat; width:; height:;}

/* BUTTONS */
.save_button { background: transparent url('/includes/images/nav/save.png') no-repeat; width:72px; height:30px; float:right; font-size:0;}
.save_button:hover { background: transparent url('/includes/images/nav/ssave_hover.png') no-repeat; }
.back_button { background: transparent url('/includes/images/nav/sback.png') no-repeat; width:72px; height:30px; float:right; font-size:0;}
.back_button:hover { background: transparent url('/includes/images/nav/sback_hover.png') no-repeat; }
.search_button { background: transparent url('/includes/images/nav/ssearch.png') no-repeat; width:72px; height:30px; float:right; font-size:0;}
.search_button:hover { background: transparent url('/includes/images/nav/ssearch_hover.png') no-repeat; }
.adduser_button { background: transparent url('/includes/images/nav/sadduser.png') no-repeat; width:144px; height:30px; margin:0 auto; margin-top:50px; font-size:0; }
.adduser_button:hover { background: transparent url('/includes/images/nav/sadduser_hover.png') no-repeat; }
.addpage_button { background: transparent url('/includes/images/nav/saddpage.png') no-repeat; width:144px; height:30px; margin:0 auto; font-size:0;}
.addpage_button:hover { background: transparent url('/includes/images/nav/saddpage_hover.png') no-repeat; }
.additem_button { background: transparent url('/includes/images/nav/sadditem.png') no-repeat; width:144px; height:30px; margin:0 auto; font-size:0;}
.additem_button:hover { background: transparent url('/includes/images/nav/sadditem_hover.png') no-repeat; }


/* HEADER */
#grid_12 #header { background:#ffffff; }
.header a { color:#333333; }
.header a:hover { color:#00ccff;  }
.header h1 {width: 540px; margin:0 auto; font-size:2em; font-weight:bold; color:#F79A00;}
#logo_container { background:#ffffff; height:220px; width:1045px; margin:0 auto; }
#logo 	{ float:left; background:url('/includes/images/200x400_SClogo.png') no-repeat; height:200px; width:400px; margin-left:60px;}
#logo:hover { background:url('/includes/images/200x400_SClogo_hover.png') no-repeat; }
.title_content, .title_content a { float:right; margin-right:18px;}

#header_left { background:url('/includes/images/nav/header_left.png') no-repeat; width:250px; height:200px; float:left;}
#header_right { background:url('/includes/images/nav/header_right.png') no-repeat; width:250px; height:200px; float:right; }


/* MENU */
.menu {background: url('/includes/images/gradient.png') repeat-x; height: 174px; color: #c9c9c9; }
#mainnav_container { background:#3c3c3c; margin:0 auto; width: 560px; padding:15px; }
#adminMenu {margin:0 auto; background:#555555; width: 600px; padding:5px 0 15px 35px; margin-top:20px;}
ul#mainnav, ul#administration {list-style-type:none; display:inline;}
#mainnav li, #administration li {font-size:15px; font-weight:bold; display:inline;}
#mainnav a, #administration a {padding: 5px 10px 10px 35px;}
#mainnav li:hover, #administration li:hover {color:#00ccff;}
#mainnav a:hover, #administration a:hover {padding: 5px 10px 10px 35px;}


#rich_buttons { background:transparent; margin:0 auto; width: 560px; height:70px; padding:15px; }
#live_chat { float:left; background:url('/includes/images/234x60.png') no-repeat; width:234px; height:60px; margin-left:23px; cursor:pointer;}
#remote_support { float:right; width:253px; height:60px;  margin-left:30px; }


/* CONTENT */
.content, html[dir='ltr'] body  { color: #c9c9c9; background:#3c3c3c;}

.content a, html[dir='ltr'] body a { color:#fff; }
.content a:hover, html[dir='ltr'] body a { color:#00ccff; }
#main_content_wrap {width:720px; height: 620px; margin:0 auto;}
#grid_10 { display:hidden; background:#3c3c3c; height:100%; padding-top:20px;}


/* SEARCH */
.live_search_results {background: #555555; text-align: center;}
.live_search_results h3 {font-size: 1.1em; padding: 5px 0;}


/* PAGINATION */
.pagination { width:320px; height:34px; margin:0 auto; margin-top:30px; margin-bottom:30px;}
.pagination div{ float: left; padding-right: 6px;}
.previous_button { background: transparent url('/includes/images/left_arrow.png') no-repeat; width:32px; height:32px;}
.next_button { background: transparent url('/includes/images/right_arrow.png') no-repeat; width:32px; height:32px;}
.page_active, .disabled { color:#00ccff; }


/* CMS PAGES */
.cms_content, html[dir='ltr'] body { padding: 20px; min-height:400px; line-height:1.5em; font-size:1.05em; width:720px; margin:0 auto;}


/* CONTACT FORM/PAGE */
div.submit_button { background:url('/includes/images/nav/send_email.png') no-repeat; width:120px; height:30px; margin-left:120px;}
div.submit_button:hover { background:url('/includes/images/nav/send_email_hover.png') no-repeat; }
#mathWrong		{color:red;height:10px; width:30px; padding-left:5px;}

#contact_module { width: 650px; margin: 0 auto; }
#form_left { width: 244px; float: left; margin-top: 7px; padding-left:100px;}
#form_right 	{ width: 231px; float: right; margin-top: 7px; padding-left: 20px;}
#header_module 	{ height: 57px; width: 535px; }
#header_module p { height: 30px; margin-top: 6px; margin-left: 10px; font-size: 1.1em; font-weight: normal; }
.submit_button 	{ height:26px; width:115px; margin-top: 15px; }
.contact label { float:none; padding:6px; }
.contact input, .contact textarea { margin-top: 8px; }
.input2 { margin-left:20px; }


/* FOOTER */
#foot_gradient {background:url(/includes/images/gradientR.png) repeat-x; height:174px;}
#foot_wrap { height: 100px; margin:0 auto; width:300px; padding-top:25px; color:#c9c9c9;}
#foot_wrap a { color:#c9c9c9; }
#foot_wrap a:hover { color:#00ccff; }
#footer_nav	{padding-top:20px; width:800px; }
#footer_nav ul {list-style:none; padding-bottom:20px;}
#footer_nav li{display:inline; text-align:right; padding-right:10px;}


.clear 	{ clear:both; visibility:hidden; height:0; width:0; margin: 0; padding: 0; }
.group1 { float:left; width:350px; }
.group2 { float:right; width:350px; }
.group3 { clear:both; margin-top:35px; }
#user_signature-element { clear:both; }
#content-element { clear:both; }


/* FORMS */
fieldset { border:none; }
input,textarea,select { -webkit-border-radius: 5px; -moz-border-radius:5px; padding:2px; margin-bottom: 10px;}
input { width:300px; }
textarea { width:250px; height:120px; }

/* TICKETING SYSTEM */
.ticketing_system { padding: 20px; min-height:400px; line-height:1.5em; font-size:1.05em; width:1260px; margin:0 auto; }
.ticketing { border: 2px solid #333333; padding: 15px;} 
.ticketing legend { font-size: 1.4em; margin-left: 20px; padding: 4px; }
.ticketing input[type=checkbox] { width: auto !important; height: 27px; }
.ticketing label[for=client_description] { float: left; }
.ticketing textarea#client_description { float: right; margin-top: 5px; }
.ticketing div.save_button { clear:both; }
.ticketing label.error { color:#E77E7E; font-weight:bold; display:block; margin-bottom: 10px; padding:5px; }
ul.errors { color:#E77E7E; list-style:none; display:block; font-weight:bold;  margin-bottom: 10px; padding: 0 5px; }
form#client-validate { width: 400px; float: left; }
.newClient input { width: 200px; float: right; }
form#machine-validate { width: 400px; float: left; margin-left: 30px; }
.newMachine input { width: 200px; float: right; }
form#ticket-validate { width: 400px; float: left; margin-left: 30px; }
.newTicket input { width: 200px; float: right; }
#client_success { display:none; float:right; background:url(/includes/images/greencheck.png) no-repeat; width:150px; height:149px;}
#machine_success { display:none; float:right; background:url(/includes/images/greencheck.png) no-repeat; width:150px; height:149px;}

#ticket_admin {  }
#ticket_controls { width:400px; margin-left:330px; }
.edit_button { font-size:1.1em; margin:-12px 0 24px 12px;  }
.edit_button:hover { color:#00ccff; }
.note_button { padding:12px 0 0 8px; width: 120px; }
.note_button:hover { color:#00ccff; }
.part_button { padding:12px 0 0 8px; width: 120px; }
.part_button:hover { color:#00ccff; }
.print_button:hover { color:#00ccff; }
#left_column { float:left; width:300px; margin-left:120px; }
#left_column span { padding-left:6px; }
	#client-name, #machine-make, #machine-model, #machine-password, #phone, #email, #address { padding: 0 0 12px 12px; }
      	#machine-make, #machine-model { float:left; }
      		#machine-model { padding-left:12px; }
#right_column { float:left; width:420px; padding-left:20px; }
#ticket-age { float:left; width:240px; }
#ticket-id { float:right; }
#notes { width:400px; margin-top:40px; }
	#notes th { text-align:left; padding-left:20px; }
      #note_column { width:220px; }
#parts { width:400px; margin-top:40px; }
	#parts th { text-align:left; padding-left:20px; }
      #part_column { width:220px; }
.note_edit  { text-align:center, top; margin-top:12px; height: 24px; }
.editing td { margin:12px 0; }