/* Global Resets */
:link,:visited {text-decoration:none}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;font-weight:400;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}
body {height:100%;}
a img,:link img,:visited img {border:none}
div.clear {clear:both;}
.hidden {display:none;}
html { overflow-y: scroll;}
a:link, a:visited, a:hover {text-decoration:none;}
abbr { border-bottom:#eee .1em dotted; }
.caps {text-transform:uppercase;}

/* General */
body {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 12px;
	background: #4F4F4F;
	margin:0 0 10px 0;
}
.wrapper {
	margin-left:auto;
	margin-right:auto;
	width:1110px;
	background:#FFF;
}


/* Reusable Sections */
.divider { height:19px;	}


/* hot/cold text colors */
.red { color:#E5022F !important; }
.green { color:#527B4A !important; }
.yellow { color:#8F843F !important; }


/* Header Logos */
#header {
	position:relative;
	height:125px;
	background:#fff url('../images/header-gradient.png') bottom left repeat-x;
}
a#brand_logo, a#shift_logo {
	position:relative;
	text-indent:-9999px;
	display:block;
	font-size:40px;
	color:#333;
}
a#shift_logo {
	width:376px;
	height:43px;
	background:transparent url('../images/shiftdigital.png') center center no-repeat;
	font-size:25px;
}


/* Header Profile Section */
#header #profile {
	width:350px;
	position:absolute;
	top:14px;
	right:20px;
	font-size:11px;
	text-align:right;
}
#header #profile span {display:block;line-height:19px;}
#header #profile a {margin:0 0 0 5px;}
#header #profile a:link, #header #profile a:visited {
	color:#666;text-decoration:underline;
}
#header #profile a:hover {text-decoration:underline;}
#header #profile .profile_name {text-transform:uppercase;font-size:12px;}
#header #profile .profile_link {font-size:10px;}
#header #profile .profile_message {font-size:11px;font-weight:bold;text-transform:uppercase;}


/* Top Navigation & Dropdowns */
#mainnav {
	position:absolute;
	top:87px;
	width:100%;
	left:0;
	border-top:#A2A2A2 1px solid;
}
#mainnav .inner {
	border-top:#eee 1px solid;
}
#mainnav ul.dropdown {
	list-style:none;
	width:740px;
	float:left;
	padding:0 0 0 15px;
}
#mainnav ul li {
	font-size:15px;
	display:inline;
	margin:0 10px;
	line-height:35px;
	font-weight:bold;
	text-shadow: #FFF 1px 1px 0px;
}
#mainnav ul li a {
	padding:9px 10px 10px 10px;
}
#mainnav ul li:hover {
	background:#fff;
	box-shadow: 0px 1px 4px #A2A2A2; 
	-moz-box-shadow: 0px 1px 4px #A2A2A2;
	-webkit-box-shadow: 0px 1px 4px #A2A2A2;
}
#mainnav .current:hover {
	background:transparent;
	box-shadow: none; 
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
#mainnav a:link, #mainnav a:visited {
	color:#7F7F7F;	
}
#mainnav ul li a:hover {
	background:#fff;
	text-shadow: #fff 1px 1px 0px;
	margin:0;
}
#mainnav ul ul {
	background:#fff;
	box-shadow: 2px 3px 5px #666; 
	-moz-box-shadow: 2px 3px 5px #666;
	-webkit-box-shadow: 2px 3px 5px #666;
	margin:0 0 0 0;
	overflow:hidden;
}
#mainnav ul ul li {margin:0 0px;}
#mainnav ul ul li:hover {
	box-shadow: none; 
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
#mainnav ul li li a:hover { 
	background:#f1f1f1;
}
#mainnav ul li li a {
	margin:0;
	line-height:18px;
	font-size:12px;
	font-weight:bold;
	display:block;
	padding:5px 12px;
	border-bottom:#eee 1px solid;
}
#mainnav ul ul li:last-child a {border-bottom:none;}


/* 
	Search Section
*/
#mainnav #search {
	width:300px;
	float:right;
	padding:5px 20px 0 0;
}
#mainnav .search_wrap {
	border:1px solid #A2A2A2;
	text-align:right;
	padding:0 2px 0 0;
	overflow:hidden;
	border-radius: 2px;
	-moz-border-radius:2px;
	-webkit-border-radius: 2px;
	box-shadow:inset 0 1px 5px #aaa; 
	-moz-box-shadow:inset 0 1px 5px #aaa;
	-webkit-box-shadow:inset 0 1px 5px #aaa;
	background:#fff;
}
#mainnav #search_q {
	padding:5px 4px 4px 0px;
	color:#777;
	width:260px;
	border:none;
	outline:none;
	background:transparent;
	float:left;
}
#mainnav #search_s {
	border:none;
	width:20px;
	height:15px;
	margin:4px 0px 4px 3px;
	background:transparent url('../images/search.png') bottom center no-repeat;
	outline:none;
	cursor:pointer;
	padding:1px 0 1px 0;
	float:left;
}


/* 
	Secondary Right Nav Buttons
*/
#mainnav #rightnav {
	width:290px;
	float:right;
	padding:5px 20px 5px 0;
	text-align:right;
	border-left:1px solid #a2a2a2;
}
#mainnav #rightnav span.label {
	font-size:15px;
	line-height:25px;
	font-weight:bold;
	text-shadow: #FFF 1px 1px 0px;
	color:#7F7F7F;
}
#mainnav #rightnav a {
	padding:3px 8px;
	border-radius: 4px;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
}
#mainnav #rightnav a:link, #mainnav #rightnav a:visited {
	color:#666;
	border:1px solid #bbb;
	background:#E6E6E6;
	text-shadow: #FFF 1px 1px 0px;
}
#mainnav #rightnav a:hover, #mainnav #rightnav a.active  {
	color:#6a6a6a;
	border:1px solid #8a8a8a;
	background:#AFAEAE;
	text-shadow: #ccc 1px 1px 0px;
}


/* 
	Map Section
*/
#mapview {padding:20px;background:#EDEDED;position:relative;}
#mapview #map {min-height:350px;}
#mapview #map_nav {
	z-index:auto;
	opacity:0.92;
	filter:alpha(opacity=92);
	color:#fff;
	width:210px;
	position:absolute;
	top:20px;
	left:20px;
}
#mapview #map_nav h3 {
	color:#fff;
	font-size:24px;
	padding:6px 20px;
	margin:0 0 0 0;
	cursor:pointer;
}
#mapview #map_nav div {
	display:none;	
}
#mapview #map_nav ul {list-style:none;margin: 10px 0 0 -1px;}
#mapview #map_nav ul ul {margin: 0 0 0 1px;}
#mapview #map_nav li {margin:0 0 4px 0;}
#mapview #map_nav li a {display:block;}
#mapview #map_nav li a:link, 
#mapview #map_nav li a:visited, 
#mapview #map_nav li a:hover {
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding:5px 5px 5px 20px;
}
#mapview #map_nav li a.expanded,
#mapview #map_nav li a:hover {
	background: transparent url('../images/map-current.png') left center no-repeat; 
}
#mapview #map_nav li li a:link, 
#mapview #map_nav li li a:visited, 
#mapview #map_nav li li a:hover {
	color:#fff;
	font-size:15px;
	padding:3px 5px 3px 30px;
	font-weight:normal;
	background-image:none;	
}
#map_expand {display:block;padding:5px 10px 2px 0;text-align:right;}

/* map switch button */
#map_switch {
	position:absolute;
	bottom:20px;
	right:20px; 
	width:180px;
	padding:5px 8px;
	text-align:center;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	opacity:0.88;
	filter:alpha(opacity=88);
	background-position: top left; 
	background-repeat: repeat;
}
#map_switch img { margin-bottom:-3px;cursor:pointer; }


/* 
	Normal table/cell layouts. Used widely throughout layout 
*/
table {border-collapse:collapse;width:100%;}
table th {
	text-transform:uppercase;
	color:#444;
	background:#CBCBCB;
	border:#A2A2A2 1px solid;
	padding:0 20px;
	line-height:24px;
	vertical-align:middle;
	font-size:11px;
	font-weight:bold;
	text-shadow: #FFF 1px 1px 0px;
	text-align:left;
}
table td.contain { 
	border:#A2A2A2 1px solid; 
	font-size:10px;
	line-height:13px;
	padding:0;
	vertical-align:top;
}
.contain .section {	padding:10px 20px; border-top:#A2A2A2 1px solid; background: #DADADA url('../images/gray-gradient.png') top left repeat-x;overflow:hidden;}
.contain .section:first-child {	border-top:none;}
td h5 {text-transform:uppercase;font-weight:bold;font-size:11px;margin:0 0 5px 0;}
td h5.price {font-size:15px;}
.contain p {color:#666;text-transform:uppercase;margin:0 0 5px 0;}
.contain p b {color:#444;}
.background {	background: #DADADA url('../images/gray-gradient.png') top left repeat-x; }
table td.padded {	padding:10px 20px 20px 20px; }
table td .details {
	width:35px;
	text-align:right;
	float:right;
	margin:-10px -10px -5px 0;
}

/* 
	LiveFeed style. 
*/
#livefeed { background: #4F4F4F url('../images/red-gradient-sm.png') top left repeat-x; color:#fff; overflow:hidden; }
#livefeed .inner {overflow:hidden;padding:10px 15px 8px 15px; margin:0 30px;font-size:15px;font-weight:bold;}
#livefeed b {text-transform:uppercase; font-size:16px;font-weight:bold;}
#livefeed .inner #feed {float:left;width:960px;}
#livefeed .details {
	float:right;
	width:35px;
	text-align:right;
	opacity:.50;
	filter:alpha(opacity=50);
}


/* 
	Basic styled table. No borders or backgrounds
*/
table.clear {	border:none; text-shadow: #FFF 1px 1px 0px;}
table.clear th { font-size:10px;color:#555;line-height:20px;background:none;border:none;padding:4px 2px 10px 2px; }
table.clear small { font-size:8px; }
table.clear td { font-size:12px; color:#000;padding:5px 2px;border:none !important;background:none;}
table.clear.nopad td {	padding:0 10px 3px 0;vertical-align:middle; background:none;}

/* 
	"Thirds" splits a table into 3 equally sized cells
*/
.thirds {width:100%}
.thirds td {width:33%;padding:20px 0;vertical-align:top;border-right:1px solid #A2A2A2;}
.thirds td:last-child{border-right:none;}


/* 
	QuickGlance style. 
	This shows 3 metrics side-by-side styled with each div classed with either good, warning or bad 
*/
.quickglance span {
	display:block;
	padding:0 10px;
	/*text-shadow: #dfdfdf 1px 1px 0px;*/
}
.quickglance td span.title {font-weight:bold;font-size:13px;margin:0 0 10px 0;line-height:18px;color:#444;}
.quickglance td span.stat {font-weight:bold;font-size:22px;margin:0 0 15px 0;line-height:22px;color:#444;}
.quickglance td span.percentage {font-size:26px;color:#666;line-height:26px;}
.quickglance td.good {background:#BCC8B9 url('../images/great.png') top left repeat-x !important ;}
.quickglance td.warning {background:#D0CCB9 url('../images/warning.png') top left repeat-x !important ;}
.quickglance td.bad {background:#D0BFBF url('../images/bad.png') top left repeat-x !important ;}


/* popup styles */
#facybox td.body {width:800px;background: #DADADA url('../images/gray-gradient.png') top left repeat-x;padding:0;}
#modal-window {color:#666;text-shadow: #FFF 1px 1px 0px;}
#modal-window #modal-close {float:right;}
#modal-window .pad {padding:15px 25px 30px 25px;}
#modal-window .nobottompad {padding:15px 25px 0px 25px;}
#modal-window .inner {padding:0 35px 0 0;}
#modal-window .header {padding:20px 25px 15px 25px;border-bottom:1px solid #A2A2A2;}
#modal-window .section {background: #DADADA url('../images/gray-gradient.png') top left repeat-x;}
#modal-window td {vertical-align:top;}
#modal-window td.border-right {border-right:1px solid #A2A2A2;}
#modal-window td.border-top {border-top:1px solid #A2A2A2;}
#modal-window h3 {font-size:30px;}
#modal-window h4 {font-size:15px;margin:0 0 3px 0;font-weight:bold;}
#modal-window h5 {color:#666; font-size:12px;text-transform:uppercase;font-weight:bold;margin:0 0 10px 0;}
#modal-window a {text-decoration:underline;}
#facybox td.body #modal-window a:hover {color:#000;}
#modal-window p, #modal-window ol, #modal-window ul {margin:0 0 20px 0;line-height:19px;font-size:13px;}
#modal-window ul, #modal-window ol {margin:0 0 20px 30px;}
#modal-window td div.split { float:left;width:49%; }
#modal-window table {margin:0 0 10px 0;}
#modal-window table#mail td {padding:4px 15px 2px 3px;font-size:12px;color:#666;}
#modal-window table#mail tr td:last-child {padding-right:0;}
#modal-window table#mail tr.unread, #modal-window table#mail tr.read, #modal-window table#mail tr.data {vertical-align:top;border-bottom:1px solid #dadada; border-top:1px solid #dadada;}
#modal-window table#mail tr.unread:hover, #modal-window table#mail tr.read:hover {background: #EFEFEF;border-bottom:1px solid #ccc; border-top:1px solid #ccc; }
#modal-window table#mail tr.unread td {font-weight:bold !important; color:#444 !important; }
#modal-window table#mail tr td.subject a {display:block;}
#modal-window table#mail tr td.icon {width:20px;padding-right:0;vertical-align:bottom;}
#modal-window table#mail tr td.actions a:link, #modal-window table#mail tr td.actions a:visited {
	opacity:0.50;
	filter:alpha(opacity=50);
}
#modal-window table#mail tr td.actions a:hover {
	opacity:0.80;
	filter:alpha(opacity=80);
}
#modal-window table#mail td a:link, #modal-window table#mail td a:visited {
	color:#666;
}
#modal-window table#mail tr.unread td a:link, #modal-window table#mail tr.unread td a:visited {
	color:#444;
}



/* footer */
em.footer {
	display:block;
	background: #DADADA url('../images/gray-gradient.png') top left repeat-x;
	font-size:11px;
	color:#666;
	font-style:normal;
	padding:6px 10px;
	border-top:1px solid #A2A2A2;
}



/* login screen */
#login .wrapper {width:650px;height:100%;}
#login #login_header {
	background: #DADADA url('../images/gray-gradient.png') top left repeat-x;
	margin-top:50px;
	height:90px;
}
#login h3 {font-size:30px;padding:20px;text-shadow: #FFF 1px 1px 0px; border-bottom:1px solid #a2a2a2;}
#login #login_form form {
	padding:25px 20px;	
	border-top:1px solid #fff;
}
#login #login_form {
	background: #DADADA url('../images/gray-gradient.png') top left repeat-x;
	
}
#login #login_form label {color:#000;text-shadow: #FFF 1px 1px 0px;font-size:13px;}
#login #login_form input.text {
	margin:10px 0 20px 0;
	font-size:13px;
	border:1px solid #a2a2a2;
	width:325px;
	padding:7px 10px;
	border-radius: 2px;
	-moz-border-radius:2px;
	-webkit-border-radius: 2px;
	box-shadow:inset 0 1px 5px #aaa; 
	-moz-box-shadow:inset 0 1px 5px #aaa;
	-webkit-box-shadow:inset 0 1px 5px #aaa;
}
#login #login_form .checkbox {margin:0 0 10px 0;color:#888 !important;font-size:12px;}
#login #login_form .checkbox input {margin:0 10px 0 0;line-height:16px;}
form input.submit {
	padding:5px 15px;
	border:none;
	font-size:12px;
	text-align:center;
	margin:10px 0 0 0;
	border-radius: 20px;
	-moz-border-radius:20px;
	-webkit-border-radius: 20px;
	color:#fff;
	cursor:pointer;
	background:#666 url('../images/button-bg.png') top left repeat-x;
}
form input.submit:hover,
form input.submit:active { background:#666 url('../images/button-bg-hover.png') top left repeat-x;}
#login #login_footer {
	background: #DADADA url('../images/gray-gradient.png') top left repeat-x;
	padding:15px 20px;
	text-transform:uppercase;
	overflow:hidden;
	text-shadow: #FFF 1px 1px 0px;
	font-size:12px;
}
#login #login_footer a, #login #login_footer strong { display:block;float:left;padding:0; margin:0 20px 0 0; }
#login #login_footer a:link, #login #login_footer a:visited {text-decoration:underline;color:#333;}
#login #login_footer a:hover {text-decoration:underline;}



/* chart view */
#chart #overview {
	width:100%;
	border-collapse:collapse;
	border:0;
}
#chart #overview td {
	width:25%;
	padding:10px 5px;
	border-right:1px solid #8a8a8a;
	border-bottom:1px solid #8a8a8a;
	vertical-align:top;
	overflow:hidden;
}
#chart table#overview td span { text-shadow:none; }
#chart #overview .type {font-weight:normal;font-size:13px;color:#4a4a4a;margin:5px 0 8px 0;}
#chart #overview .desc {font-weight:bold;font-size:17px;color:#5a5a5a;margin:0 0 0 0;}
#chart #overview .number {font-weight:bold;font-size:35px;color:#5a5a5a;margin:0 0 2px 0;white-space:nowrap;}
#chart #overview .number img {vertical-align:middle;}
#chart #chart-wrap {padding:25px 20px;}
#chart #overview .secondary-number {font-size:18px;color:#555;}
#chart #overview .label {margin:0 0 8px 0;font-size:11px;color:#5a5a5a;}
#chart #overview td div.right { float:right;width:35% }
#chart #overview td div.right .inner {padding:2px 0 0 2px;margin-top:15px;border-left:1px solid #888;}
#chart #overview td div.right img {float:right;margin:2px 5px 0 0;}
#chart #overview td div.left { float:left;width:65% }
#chart #overview td.good {background:#FFF url('../images/great-light.png') top left repeat-x !important ;}
#chart #overview td.warning {background:#FFF url('../images/warning-light.png') top left repeat-x !important ;}
#chart #overview td.bad {background:#FFF url('../images/bad-light.png') top left repeat-x !important ;}
#chart #overview td:last-child {border-right:none;}


/* tabbed section */
table th.tabbed {padding:0;}
table th.tabbed table {width:100%;border:none;border-collapse:collapse;padding:0}
table th.tabbed table td {border-right:1px solid #a2a2a2;text-align:center;vertical-align:middle;padding:0 !important;}
table th.tabbed table td:last-child {border-right:none;}
table th.tabbed table td img {margin:-2px 0 0 0;vertical-align:middle;padding:2px 0;}
table th.tabbed table td a {display:block;padding:3px 0;margin:0 !important;line-height:18px;}
table th.tabbed table td a:link, table th.tabbed table td a:visited {color:#444;}
table th.tabbed table td a:hover, 
table th.tabbed table td a.active {background: transparent url('../images/tab-hover.png') top left repeat-x;color:#333;}
table #tabbed-windows div.window {padding:20px;font-size:11px;line-height:15px;color:#666;}


/* car grid */
table.cargrid {
	border-collapse:collapse;
	width:100%;
	height:100%;
	
}
table.cargrid td {color:#666;font-weight:bold;padding:15px;background: #DADADA url('../images/gray-gradient.png') top left repeat-x;font-size:11px;border-bottom:1px solid #a4a4a4;border-right:1px solid #a4a4a4;	}
table.cargrid tr:last-child td { border-bottom:none;}
table.cargrid td:last-child { border-right:none;}

blockquote {margin:0 0 10px 0;overflow:hidden;font-size:11px;color:#666;padding:0 20px 0 0;}
blockquote h5 {margin:0 0 2px 0;}
blockquote img {float:left;margin:5px 20px 0 0;}
blockquote a:link, blockquote a:visited {text-decoration:underline;color:#333;}
blockquote a:hover {text-decoration:underline;}

.typing {border-top:1px solid #a2a2a2;padding:15px 0 0 0;}
.typing input.text { padding:3px; border:1px solid #a2a2a2;width:90%;}

#scrollup {position:absolute;top:20px;right:20px;}
#scrolldown {position:absolute;bottom:100px;right:20px;}


/* generic page styles */
#generic {text-shadow: #FFF 1px 1px 0px;}
#generic .pad {padding:15px 25px 30px 25px;}
#generic .inner {padding:0 35px 0 0;}
#generic .header {padding:20px 25px 15px 25px;border-bottom:1px solid #A2A2A2;}
#generic .section {background: #DADADA url('../images/gray-gradient.png') top left repeat-x;}
#generic .white {background: #f9f9f9;}
#generic td {vertical-align:top;color:#4a4a4a;}
#generic td.border-right {border-right:1px solid #A2A2A2;}
#generic td.border-top {border-top:1px solid #A2A2A2;}
#generic h2 {color:#4a4a4a; font-size:25px;margin:0 0 10px 0;}
#generic h3 {color:#4a4a4a; font-size:30px;margin:0 0 3px 0;}
#generic h4 {color:#666; font-size:15px;margin:0 0 10px 0;font-weight:bold; line-height:20px;}
#generic h5 {color:#4a4a4a; font-size:12px;text-transform:uppercase;font-weight:bold;margin:0 0 10px 0;}
#generic a {text-decoration:underline;}
#generic a:hover {color:#000;}
#generic p, #generic ol, #generic ul {margin:0 0 25px 0;line-height:20px;font-size:13px;color:#4a4a4a;}
#generic table {margin:0 0 30px 0;}
#generic ul, #generic ol {margin:0 0 25px 30px;}
#generic td div.split { float:left;width:49%; }
#generic table.datagrid td {padding:6px 15px 4px 3px;font-size:12px;color:#4a4a4a;}
#generic table.datagrid tr {border-bottom:1px solid #ccc;}
#generic table.datagrid tr.alternate, table#mail tr.alternate {background:#e9e9e9;}
#generic table.datagrid tr td:last-child {padding-right:0;}
#generic table.datagrid tr td.icon {width:20px;padding-right:0;vertical-align:bottom;}
#generic table.datagrid tr.hover:hover {background: #EFEFEF;border-bottom:1px solid #ccc; border-top:1px solid #ccc; }
#generic a:link, #generic a:visited {	color:#000; text-decoration:underline; }

#generic table.bm_details th 
{
    width: 140px;
    background-color: transparent;
    border: none;
}
#generic table.bm_details td 
{
   padding-top: 4px;
   text-shadow: 1px 1px 0 #ffffff;
}

#generic table.datagrid tr td a.button:link,
#generic table.datagrid tr td a.button:visited {
	color:#555 !important;
	border:1px solid #8a8a8a;
	background:#AFAEAE;
	text-shadow: #ccc 1px 1px 0px;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	padding:1px 6px;
	line-height:16px;
	border-radius: 4px;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
}
#generic table.datagrid tr td a.button:hover, 
#generic table.datagrid tr td a.active  {
	color:#000 !important;
	border:1px solid #7a7a7a;
	background:#9f9f9f;
	text-shadow: #ccc 1px 1px 0px;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	padding:1px 6px;
	line-height:16px;
	border-radius: 4px;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
}

#generic a.button:link,
#generic a.button:visited {
	color:#555 !important;
	border:1px solid #8a8a8a;
	background:#AFAEAE;
	text-shadow: #ccc 1px 1px 0px;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	padding:1px 6px;
	line-height:16px;
	border-radius: 4px;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
}
#generic a.button:hover, 
#generic a.button:active  {
	color:#000 !important;
	border:1px solid #7a7a7a;
	background:#9f9f9f;
	text-shadow: #ccc 1px 1px 0px;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	padding:1px 6px;
	line-height:16px;
	border-radius: 4px;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
}

#generic input.bigbutton {
	padding:5px 15px;
	border:none;
	font-size:12px;
	margin:0 0 10px 0;
	border-radius: 20px;
	-moz-border-radius:20px;
	-webkit-border-radius: 20px;
	color:#fff;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}



/* generic forms */
div.form {width: 310px;float:left;margin:0 60px 30px 0;border-collapse:collapse;padding:0;border:0;}
div.form p {margin:0 !important;padding:0 0 14px 0 !important;}
div.form label {font-weight:bold;display:block;font-size:11px;text-transform:uppercase;padding-bottom:4px;}
div.form .text {
	padding:4px;
	width:300px;
	margin:0;
	border:1px solid #A2A2A2;
	border-radius: 1px;
	-moz-border-radius:1px;
	-webkit-border-radius: 1px;
	box-shadow:inset 0 1px 5px #aaa; 
	-moz-box-shadow:inset 0 1px 5px #aaa;
	-webkit-box-shadow:inset 0 1px 5px #aaa;
	background:#fff;	
}
div.form select.text {width:330px;}
div.form p.submitline {text-align:right;}
div.form p.submitline input.submit {}
div.form p.checkbox input, div.form p.radio input {margin:0 10px 0 0;line-height:16px;}
div.form p.checkbox label, div.form p.radio label  {margin:0 10px 0 0;line-height:16px;display:inline;font-weight:100;text-transform:none;font-size:12px;}
div.form p.radio {padding:0 0 0px 0 !important;}
div.form div.radio_wrap {padding:0 0 14px 0 !important;}
div.form input.text.short {width:100px;}
div.form .calendar { vertical-align:middle }

h4.formCheckBoxLabel 
{
    font-size: 13px !important;
    color: #4a4a4a !important;
}

/* modal forms */
div.modal-form {width: 330;float:left;margin:0 60px 30px 0;border-collapse:collapse;padding:0;border:0;}
div.modal-form p {margin:0 !important;padding:0 0 14px 0 !important;}
div.modal-form label { font-weight:bold;display:block;font-size:11px;text-transform:uppercase;padding-bottom:4px; }
div.modal-form .text {
	padding:4px;
	width:320;
	margin:0;
	border:1px solid #A2A2A2;
	border-radius: 1px;
	-moz-border-radius:1px;
	-webkit-border-radius: 1px;
	box-shadow:inset 0 1px 5px #aaa; 
	-moz-box-shadow:inset 0 1px 5px #aaa;
	-webkit-box-shadow:inset 0 1px 5px #aaa;
	background:#fff;	
}

div.modal-form select.text {width:330px;}
div.modal-form p.submitline {text-align:right;}
div.modal-form p.submitline input.submit {}
div.modal-form p.checkbox input, div.form p.radio input {margin:0 10px 0 0;line-height:16px;}
div.modal-form p.checkbox label, div.form p.radio label  {margin:0 10px 0 0;line-height:16px;display:inline;font-weight:100;text-transform:none;font-size:12px;}
div.modal-form p.radio {padding:0 0 0px 0 !important;}
div.modal-form div.radio_wrap {padding:0 0 14px 0 !important;}
div.modal-form input.text.short {width:100px;}
div.modal-form .calendar { vertical-align:middle }

/* ui date time picker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }