html {overflow-y: scroll;}
body {margin: 0px; padding: 0px; background: url(/images/site_bg.gif) repeat-y center #5f5e5e;}
body ,div ,td {font-family: Arial , sans-serif; font-weight: 300; font-size: 12px; color: #060606;}
label, .link ,.link_dotted ,.hand ,.navtop_button {cursor: pointer; cursor: hand;}

a ,.link_dotted {color: #ae363d; text-decoration: none; border-bottom: 1px dotted;}
	.no_border ,.no_link {border-bottom: 0px;}

#overlay {visibility: hidden; position: fixed; left: 0px; top: 0px; width:100%; height:100%; z-index: 100; background: rgba(0,0,0,0.7);}
#overlay_content {
background: #fff;
position: relative;
top: 110px;
margin: 0 auto 0 auto; /* add negative left margin for half the width to center the div */
cursor: default;
border-radius: 4px;
box-shadow: 0 0 5px rgba(0,0,0,0.9);
}

#site {margin: 10px 0px 0px 0px; width: 1124px; margin-left:auto; margin-right:auto; background: #fff;}

#header {}

#logo {}

#navtop {height: 40px; background: #f7941d; color: #e7eff6;}
#navtop td {vertical-align: middle; padding: 0px 12px 0px 12px; color: #e7eff6; font-size: 16px;}
	.navtop_tab {padding: 6px 20px 6px 20px; font-size: 16px; text-align: center; color: #fff; background: #eee; text-shadow: 1px 1px 3px #666; border-bottom: 1px solid #999; cursor: pointer; cursor: hand;}
	.navtop_tab_off {}
	.navtop_tab_over {background: #935a16;}
	.navtop_tab_spacer {}

.dashpoint {width: 76px; height: 50px; padding: 10px 10px 10px 14px;}
	.dashpoint_title {color: #fff; font-size: 11px;}
	.dashpoint_num {margin: 5px 0px 0px 2px; color: #fff; font-size: 30px;}
	.order_new {background: red;}
	.order_inprogress {background: #f7941d;}
	.order_ready {background: green;}


th {height: 30px; border: 0px; background: url(/images/table_title_bg.png) repeat-x;}
.tablerow td {padding: 5px 6px 5px 6px; background: #fff;}
	.odd {background: #fff;}
	.even {background: #eef7ca;}
	.over {background: #f8b55f;}

.edit_over {color: #f9e437;}
.edit_none {color: #fff;}

.error {color: red;}
.padrow td {padding: 10px 4px 9px 4px;}
.left_td {background: #eee;}
.spacer_height {height: 12px;}
.spacer_height_sm {height: 8px;}


.title {font-weight: bold; font-size: 18px;}

/*Responsive settings*/
@media screen and (max-width:600px;){
	#logo {display: none;}
}


/*Common Styles*/
label, .link, .hand {cursor: pointer; cursor: hand;}
a:link, a:visited {color: #026b6a;}

.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.middle {vertical-align: middle;}

.text_small {font-size: 11px;}
.text_tiny {font-size: 10px;}
.text_gray ,.text_grey {color: #666;}
.text_white {color: #fff;}
.text_big ,.text_large {font-size: 14px;}

strong ,.bold {font-weight: bold;}
.italic ,.italics {font-style: italic;}
.strike {text-decoration: line-through;}

.rel {position: relative;}
.abs {position: absolute;}

form {margin: 0px; padding: 0px;}
.label_left {vertical-align: middle; padding: 0px 8px 0px 0px; font-size: 12px; color: #666;}
.label_left_top {vertical-align: top; padding: 2px 8px 0px 0px; font-size: 12px; color: #666;}
.label_radio {vertical-align: middle; padding: 0px 0px 0px 0px; font-size: 13px;}
.label_checkbox {vertical-align: middle; padding: 0px 0px 0px 2px; font-size: 13px; color: #666;}
.complete_link {padding: 7px 0px 0px 0px;}

.formfield {position: relative;}
.formfield_label {position: absolute; margin-top: 6px; font-size: 16px; color: #666;}
.formfield_label_left {position: absolute; margin-top: 6px; font-size: 16px; color: #666;}
.formfield_label_radio {position: absolute; margin-top: 6px; font-size: 16px;}
.formfield_input {position: absolute; left: 100px;}

.edit_over {color: #f9e437;}
.edit_none {color: #fff;}

.ico_calendar {margin: 2px 0px 0px 0px;}

.textbox {padding: 6px; font-size: 14px;}
.textbox_small_text {padding: 3px; font-size: 14px;}
	.name {width: 120px;}
	.name_supershort {width: 80px;}
	.name_short {width: 130px;}
	.name_med {width: 190px;}
	.name_long {width: 300px;}
	.name_extralong {width: 380px;}
	.server_name {width: 110px;}
	.amount, .SAPassword {width: 90px;}
	.date {width: 88px;}
	.single_char {width: 16px;}
	.number {text-align: right; padding-right: 10px;}
	.address, .email {width: 264px;}
	.city {width: 148px;}
	.state {width: 22px;}
	.zip {width: 48px;}
	.ssn_last_4 {width: 38px;}
	.ssn_full {width: 94px;}
	.phone {width: 90px;}
	.date {width: 140px;}
	.dollar {width: 80px; text-align: right; padding-right: 10px;}
	
	.comments {width: 360px; height: 200px;}

.orange_ribbon_gallery {
position: absolute;
top: -16px;
color: #fff;
line-height: 30px;
font-size: 18px;
padding: 0px 25px 0px 14px;
background: rgba(249,139,7,0.9);
-webkit-clip-path: polygon(100% 0%, 93% 49%, 98% 100%, 0 100%, 0% 50%, 0 0);
clip-path: polygon(100% 0%, 93% 49%, 98% 100%, 0 100%, 0% 50%, 0 0);
}

.flag_tail {
-webkit-clip-path: polygon(100% 0%, 93% 49%, 98% 100%, 0 100%, 0% 50%, 0 0);
clip-path: polygon(100% 0%, 93% 49%, 98% 100%, 0 100%, 0% 50%, 0 0);
}

.flag_tail_big {
-webkit-clip-path: polygon(100% 0%, 98% 46%, 100% 100%, 0 100%, 0% 50%, 0 0);
clip-path: polygon(100% 0%, 98% 46%, 100% 100%, 0 100%, 0% 50%, 0 0);
}

.flag_tail_left_big {
-webkit-clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 3% 45%, 0% 0%);
clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 3% 45%, 0% 0%);
}

.flag_tail_both {
-webkit-clip-path: polygon(100% 0, 93% 50%, 100% 100%, 0% 100%, 7% 46%, 0% 0%);
clip-path: polygon(100% 0, 93% 50%, 100% 100%, 0% 100%, 7% 50%, 0% 0%);
}


/* Green button start */
.button {background: #009903; color: #fff; padding: 3px 6px 4px 6px; cursor: pointer; cursor: hand;}

.button {
 background: #b6e026; /* Old browsers */
 background: -moz-linear-gradient(top, #b6e026 0%, #89bf24 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6e026), color-stop(100%,#89bf24)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #b6e026 0%,#89bf24 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #b6e026 0%,#89bf24 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top, #b6e026 0%,#89bf24 100%); /* IE10+ */
 background: linear-gradient(top, #b6e026 0%,#89bf24 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6e026', endColorstr='#89bf24',GradientType=0 ); /* IE6-9 */
 border: 1px solid #89bf24;
 border-radius: 1px 1px 1px 1px;
 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
 text-align: center;
 color: #FFFFFF;
 font-size: 12px; 
 text-decoration:none;
 
    font-size:15px;
    white-space:nowrap;
    color:#fff;
    text-shadow:0 1px 0 #a0f7ae;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
/* Green button end */

.site_corners {
	border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
 	-webkit-border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
 	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
 	-webkit-border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
 	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
}

.round_corners_3 {
	border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
 	-webkit-border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
 	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
 	-webkit-border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
 	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
}

.round_corners_5 ,.dashpoint {
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
 	-webkit-border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
 	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
 	-webkit-border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
 	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

.round_corners_5_top {
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
 	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
 	-webkit-border-top-left-radius: 5px;
}

.round_corners_5_btm {
	border-bottom-right-radius: 5px;
 	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
 	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

.message_received {
	position: relative;
	background: #95dd90;
	border-radius: .4em;
	padding: 8px;
}

.message_received:after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 12px solid transparent;
	border-left-color: #95dd90;
	border-right: 0;
	margin-top: -12px;
	margin-right: -12px;
}

.message_sent {
	position: relative;
	background: #1dc6f7;
	border-radius: .4em;
	padding: 8px;
}

.message_sent:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 12px solid transparent;
	border-right-color: #1dc6f7;
	border-left: 0;
	margin-top: -12px;
	margin-left: -12px;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
textarea:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

