@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Droid+Sans);
@import url(https://fonts.googleapis.com/css?family=Trade+Winds);

.required { color:#F00; }
.missing { float:right; background:url(images/error.png) 0px 0px no-repeat; padding-left:25px; position:relative; top:3px; height:24px; }
.dollar { margin-right:5px; margin-top:5px; font-size:12pt; }
.hidden { display:none; }
.discussion { display:block; border:1px solid #CCC; margin-bottom:8px; padding:5px; }
.discussion.left { text-align:left; }
.discussion.right { text-align:right; }
/*.modal { padding:10px; }*/

/**
 * Progressive Internet Explorer
 * IE 6,7 and 8 CSS3 behavior
 * http://www.css3pie.com/
 * the url for behavior starts at the document root rather than its relative path!
 */
* { /*behavior: url(PIE.htc);*/ }

.border { border:1px solid #333; }

/**
 * Main Tag Styles
 */
body {
	background:#DDD url('images/bodybg2.jpg') repeat top left;
	background-attachment:fixed;
	color:#555;
	font-family: 'Droid Sans', sans-serif;
	font-size:10pt;
	margin:0;
	padding:10px 0 25px 0;
}

p {
	margin:8px 0 8px 0;
	padding:0;
}

h1 {
	color:#333;
	margin: 10px 0 0px 0;
	padding:0 0 5px 0;
	font-size:20pt;
	font-weight:400;
	letter-spacing:-0.05em;
	line-height:20pt;
	font-family: 'Droid Sans', sans-serif;
	text-shadow:1px 1px 0px #FFF;
	/*display:none;*/
	display:block;
	border-bottom:1px solid #CCC;
}

h2 {
	color:#333;
	margin: 0 0 10px 0;
	padding:0;
	font-size:14pt;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	display:block;
	/*text-shadow:1px 1px 0 #587187;*/
}

h3 {
	color:#333;
	margin: 0 0 10px 0;
	padding:0;
	font-size:13pt;
	font-weight:normal;
}

h4 {
	color:#FFF;	
}

ul {
	margin:10px 0 10px 35px;
	padding:0;
	list-style-type:disc;
}

ul li {
	margin:0 0 5px 0;
	padding:0;
}

ul.check {
	margin:10px 0 10px 35px;
	padding:0;
	list-style-image: url(images/list-item.png);
}	

label {
	padding-top:4px;
	float:left;
	overflow:hidden;
}

form {
	margin:0;
	padding:0;
}

img { border:none; outline:none; }
textarea { 
	color: #555;
	font-family: 'Droid Sans', sans-serif;
	font-size: 10pt;
	border:1px solid #b5bac3;
	border-radius:2px;
}
::-webkit-input-placeholder {
    color: #999;
}
:-moz-placeholder {
    color: #999;
}
:-ms-input-placeholder {
	color: #999;
}

/**
 * Main Body Links
 */
a {
	border:none;
	outline:none;
}

a:link, a:visited {
	color:#256d9a;	
	text-decoration:none;
}

a:hover {
	color:#256d9a;
	text-decoration:underline;
}

hr {
	border:none;
	border-bottom:1px solid #CCC;	
}

.green { color:#96c742; }
.red { color:#F00; }


/**
 * Header 
 */
.header {
	width:960px;
	margin:0 auto;
	display:block;
}

.user-cp {
	/*background: url('images/user-cp2.png') no-repeat;
	border:1px solid inset #999;*/
	display: block;
	float:right;
	padding:10px;
	height:35px;
	line-height:13.5pt;
	width:240px;
	color:#222;
	font-size:9pt;
	text-shadow:0px 1px 0px #DDD;
	border-radius: 3px;
}

.user-cp .user-info {
	float:left;
}

.user-cp .user-info a:link, .user-cp a:visited {
	/*color:#FFF;*/
	margin-right:15px;
	text-shadow: 0px 1px 0px #DDD;
}

.user-cp .user-photo {
	background:url(images/user.png) no-repeat;
	height:32px;
	width:32px;
	float:left;
	padding-right:5px;
}


/**
 * Top Navigation Links
 */
.top-nav {
	background:url(images/topnav.jpg) repeat-x;
	display:block;
	height:33px;
	padding:1px 0;
	/*border-left:1px solid #999;
	border-right: 1px solid #999;
	border-top: 1px solid #999;*/
	border-radius: 5px 5px 0 0;
	margin-top:10px;
}
 
.top-nav ul { list-style-type:none; margin:0; padding:0; }

.top-nav ul li { margin:0; padding:0;  }
.top-nav span {
	display:block;
	text-indent:30px;
}
.top-nav ul li a span {
	background:url(images/config.png) no-repeat 0 50%;	
}

.top-nav ul li a span.dashboard {
	background:url(images/dashboard.png) no-repeat 0 50%;	
}

.top-nav ul li a span.admin {
	background:url(images/admin.png) no-repeat 0 50%;	
}

.top-nav ul li a span.cases {
	background:url(images/my-cases.png) no-repeat 0 50%;	
}

.top-nav ul li a span.forms {
	background:url(images/forms.png) no-repeat 0 50%;	
}

.top-nav ul li a span.inhouse {
	background:url(images/inhouse.png) no-repeat 0 50%;	
}

.top-nav ul li a span.leads {
	background:url(images/leads.png) no-repeat 0 50%;	
}

.top-nav ul li a span.myFiles {
	background:url(images/my-files.png) no-repeat 0 50%;	
}

.top-nav ul li a span.myOrders {
	background:url(images/my-orders.png) no-repeat 0 50%;	
}

.top-nav ul li a span.reports {
	background:url(images/reports.png) no-repeat 0 50%;	
}

.top-nav ul li a span.contacts {
	background:url(images/contacts.png) no-repeat 0 50%;	
}

.top-nav ul li a span.latinocc {
	background:url(images/latinocc.png) no-repeat 0 50%;	
}

.top-nav ul li a:link, .top-nav ul li a:visited {
	/*border-right: 1px solid #CCC;*/
	color: #FFF;
	text-shadow: 1px 1px 0px #164664;
	display:block;
	margin:0px 0 0 0;
	padding:0 10px;
	height:33px;
	line-height:33px;
	float:left;
	border-right:1px solid #1e5f87;
	border-left: 1px solid #6b9eba;
}

.top-nav ul li a:hover {
	text-decoration:none;
	/*background:#f5f5f5;*/
	color:#f7a805;
}
.top-nav ul li a.selected {
	color:#333;
	background:#FFF;
	font-weight:bold;
	/*border-left:3px solid #2779ab;*/
	border:none;
	text-shadow:none;
	/*border-left: 1px solid #FFF;*/
	border-bottom:1px solid #FFF;
	/*border-right: 1px solid #777;*/
}


/**
 * Logo 
 */
.logo {
	float:left;
}


/**
 * Main Content
 */ 
.content {
	padding:5px 0 25px 0;
	background: #FFF /*url(images/content-bg.png) no-repeat*/;
	overflow:hidden;
	/*border:1px solid #999;*/
	border-top:none;
	border-radius: 0 0 3px 3px;
	box-shadow: 0px 2px 10px #333;
}


/**
 * Shoutbox
 */
.shoutbox {
	height:100px;
	overflow:auto;
	border:1px solid #CCC;
	padding:5px;
}

/**
 * Reddit RSS Feed
 */
ul#reddit {
	list-style-type:none;
	margin:0;
	padding:0;
}
ul#reddit li {
	padding:5px 0;
	border-bottom:1px dashed #CCC;	
}

ul#reddit li h2 {
	margin:0;
	padding:0;
	font-size:9pt;
	font-weight:bold;
}


/**
 * Image Effects
 */
.img-l {
	float:left;
	margin-right: 10px;
	box-shadow:1px 1px 8px 0px #000;
	border:2px solid #AAA;
	border-radius:5px;
	
}

.img-r {
	float:right;
	margin-left: 10px;
	border-radius:5px;
	box-shadow:2px 2px 5px 0px #000;
}

.border {
	border:1px solid #000;	
}


/**
 * Breadcrumbs
 */
.breadcrumb {
	background:#EEE url('images/white-grad.png') repeat-x;
	line-height:30px;
	border: 1px solid #DDD;
	margin-bottom:10px;
	border-radius:5px;
	text-shadow:1px 1px 0px #FFF;
	overflow:hidden;
}

.breadcrumb a { float:left;
	padding:0 10px; }

.breadcrumb a:link, .breadcrumb a:visited { 
	color: #555;
	display:block;
}

.breadcrumb a:hover, breadcrumb a.active {
	background:url(images/white-grad-active.png) repeat-x;
	color:#555;
	text-decoration:none;
	text-shadow:none;
}

.breadcrumb .spacer {
	float:left;
	height:30px;
	width:0px;
	border-left:1px solid #BBB;
	border-right:1px solid #FFF;
	margin:0;
	padding:0;
}


/**
 * Messages, Errors and Alerts
 */
.alert {
	background:#fff8d8 url('images/alert.png') no-repeat 8px 13px;
	border:1px solid #916b4b;
	padding:12px 8px 12px 35px;
	border-radius:5px;
	margin:8px 0;
	color:#916b4b;
	text-shadow:1px 1px 0 #FFF;
	/*-moz-box-shadow: 0px 0px 8px 0px #000;
	-webkit-box-shadow: 0px 0px 8px 0px #000;
	box-shadow:0px 0px 8px 0px #000;*/
	/*behavior: url(PIE.htc);*/
}

.error {
	background:#f8e9e9 url('images/error.png') no-repeat 8px 13px;
	border:1px solid #c82c11;
	padding:12px 8px 12px 35px;
	border-radius:5px;
	margin:8px 0;
	color:#c82c11;
	text-shadow:1px 1px 0 #FFF;
	/*box-shadow:0px 0px 8px 0px #000;*/
	/*behavior: url(PIE.htc);*/
	text-align:left;
}

.info {
	background:#e9f3f8 url('images/info.png') no-repeat 8px 13px;
	border:1px solid #bbd7e4;
	padding:12px 8px 12px 35px;
	border-radius:5px;
	margin:8px 0;
	color:#3e7bca;
	text-shadow:1px 1px 0 #FFF;
	/*box-shadow:0px 0px 8px 0px #000;*/
	/*behavior: url(PIE.htc);*/
	text-align:left;
}

.message {
	background:#ebf9e2 url('images/message.png') no-repeat 8px 13px;
	border:1px solid #658c2c;
	padding:12px 8px 12px 35px;
	border-radius:5px;
	margin:8px 0;
	color:#658c2c;
	text-shadow:1px 1px 0 #FFF;
	/*box-shadow:0px 0px 8px 0px #000;*/
	/*behavior: url(PIE.htc);*/
	text-align:left;
}

.alert h2, .error h2, .message h2 {
	color:#333;
	margin:0 0 5px 0;
	padding:0;
	text-shadow:1px 1px #FFF;
	font-size:14pt;
	line-height:14pt;
}

span.tooltip {
	/*background:url('../../images/help.png') no-repeat;
	width:15px;
	height:15px;*/
	display:inline-block;
	position:relative;
	line-height:14pt;
	margin-right:5px;
	padding-left:20px;
	cursor:pointer;
}

.help {
	font-size:8pt;
	color:#777;
	margin:0 0 0 0px;
	padding:0;
	/*text-shadow:1px 1px 0 #FFF;*/
	line-height:normal;
	font-style:italic;
}

.icon {
	width:75px;
	height:75px;
	margin:8px 25px 0px 0;
	cursor:pointer;
}


/**
 * Content Spacers
 */
.spacer {
	/*background:url(images/spacer.png) no-repeat;
	height:24px;*/
	display:block;
	margin:15px 0;
	border-bottom: 1px dashed #999;
}

.spacer2 {
	height:0;
	border-top:1px dashed #171b1f;
	border-bottom:1px dashed #424f5b;
	display:block;
	margin:12px 0;
	height:0;
}

.spacer3 {
	height:0;
	/*border-top:1px solid #1e2429;
	border-bottom:1px solid #424f5b;*/
	border-bottom:1px solid #AAA;
	display:block;
	margin:5px 0 5px 0;
	height:0;
}


/**
 * Content Positioners
 */
.left {
	float:left;
}

.right {
	float:right;
}


/**
 * Content Boxes and Widgets
 */
.box { 
	padding:10px;
	background:#FFF;
	border:1px solid #CCC;
	border-radius:5px;
	margin-bottom:15px;
	overflow:hidden;
}

.box.gradient {
	background: url('images/white-grad.png') repeat-x;
}

.box.gradient a:link, .box.gradient a:visited {
	color:#333;
	font-size:8pt;
	font-weight:bold;
	text-shadow:1px 1px 0px #FFF;
}

.box.gradient a:hover {
	
}

.box-title {
	background: url('images/box-title.png') repeat-x top left;
	border:1px solid #CCC;
	/*border-bottom: 1px solid #CCC;*/
	/*line-height:44px;*/
	height:30px;
	line-height:30px;
	font-weight:bold;
	font-size:9pt;
	color:#333;
	text-shadow:1px 1px 0 #FFF;
	padding:0 0 0 10px;
	border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	/*behavior: url(PIE.htc);*/
	font-family: 'Droid Sans', sans-serif;
	margin-top:8px;
	
	/*text-transform:uppercase;*/
}

.box-title span {
	float:right;
	position:relative;
	top:5px;
	right:5px;
}

.box-content {
	background:#FFF;
	padding:5px;
	border: 1px solid #CCC;
	border-top:none;
	color:#444;
	text-shadow:1px 1px 0 #FFF;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	overflow:hidden;
	margin-bottom:8px;
	/*margin-bottom:15px;*/
}

.box-content strong { color: #444; }
.box-content strong.green { color:#060; }

.box-content a:link, .box-content a:visited {
	color:#4e90cd;
}

.box-content a:hover {
	color:#b3d88b;
}


/**
 * Input Buttons
 * Links can look like buttons too, just add the .button class to them
 */
input[type=text]:focus, input[type=password]:focus, textarea:focus {
	outline:none;
	border:1px solid #9ba3b1;
	background:#f2faff;
}

input.total {
	font-weight:bold;
	font-size:9pt;
}

input[type=text], input[type=password] {
	border:1px solid #b5bac3;
	/*padding: 5px 5px;*/
	/*width:300px;*/
	border-radius:2px;
	color:#555;
	/*display:block;*/
	padding:5px 5px;
	/*text-indent:5px;*/
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
	width:100%;
}

input[type=text].small, input[type=text].sm {
	width:50px;	
}

input[type=text].medium, input[type=text].med {
	width:125px;	
}

input[type=text][disabled], input[type=text][readonly] {
	background: #FFF /*url(images/locked.png) no-repeat right center*/;
	color:#999;
}

textarea {
	border:1px solid #b5bac3;
	/*padding: 5px 5px;*/
	/*width:300px;*/
	border-radius:2px;
	color:#555;
	display:block;
	padding:5px 0;
	/*text-indent:5px;*/
	width:100%;
	padding:5px 5px;
	height:100px;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-size:10pt;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
	overflow:auto;
}

textarea.shoutbox { 
	height:50px;
	width:100%;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
	overflow:auto;
	padding:5px 5px;
}

input#username {
	background: #FFF url(images/signin-username.png) no-repeat 5px 50%;
	text-indent:28px;
	line-height:16px;
}

input#password {
	background: #FFF url(images/signin-password.png) no-repeat 5px 50%;
	text-indent:28px;
	line-height:16px;
}


a.button:link, a.button:visited, .button, input.button {
	background: url('images/buttons.png') repeat-x 0 0;
	display:inline-block;
	border:1px solid #265478;
	color:#FFF;
	border-radius:15px;
	padding:4px 10px;
	margin:1px 0;
	font-size:8pt;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	/*behavior: url(PIE.htc);*/
	text-shadow:1px 1px 1px #333;
}

a.button:hover, .button:hover, input[type=button]:hover ,input[type=submit]:hover {
	background: url('images/buttons.png') repeat-x 0 -30px ;
	color:#FFF;
	border-color:#265478;
	cursor:pointer;
	text-decoration:none;
}

a.button:active, .button:active, input[type=submit]:active, input[type=button]:active {
	background: url('images/buttons.png') repeat-x 0 -60px;
}

a.green.button, input.green {
	border-color:#718a13;
	background: url('images/buttons.png') repeat-x 0 -90px;
	color:#FFF;
	text-shadow:1px 1px 1px #333;
	
}

a.green.button:hover, input.green:hover {
	color:#FFF;
	border-color:#718a13;
	background: url('images/buttons.png') repeat-x 0 -120px;
}

a.green.button:active, input.green:active {
	border-color:#718a13;
	background: url('images/buttons.png') repeat-x 0 -150px;
}

a.red.button, input.red {
	border-color:#510b02;
	background: url('images/buttons.png') repeat-x 0 -180px;
	color:#FFF;
	text-shadow:1px 1px 1px #333;
}

a.red.button:hover, input.red:hover {
	color:#FFF;
	border-color:#510b02;
	background: url('images/buttons.png') repeat-x 0 -210px;
}

a.red.button:active, input.red:active {
	border-color:#510b02;
	background: url('images/buttons.png') repeat-x 0 -240px;
}




/**
 * Footer
 */
.footer {
	margin-top:15px;
}

.footer ul li {
	border-bottom:1px dashed #999;
	padding:3px;
	display:block;
	font-size:9pt;
}

.footer a:link, .footer a:visited {
	color:#FFF;
	text-decoration:none;
	text-shadow:1px 1px 0 #000;
}

.footer a:hover {
	text-decoration:none;
	color:#999;
}

.footer h3 {
	font-size:13pt;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0;
}

.footer .spacer2 {
	margin:5px 0 10px 0;	
}

.copyright {
	text-align:center;
	color:#777;
	font-size:8pt;
	display:block;
	padding-top:20px;	
	text-shadow: 1px 1px 0px #FFF;
}

/**
 * Tables 
 */
table td {
	padding:2px;
	text-align:left;
	/*line-height:20pt;*/
}

table td.center { 
	text-align:center;
}

table {
	background:#FFF;
	border-bottom:1px solid #CCC;
	border-left: 1px solid #CCC;
	border-bottom:0;
	border-right:0;
	font-size:9pt;
	width:100%;
}

table tr.title td {
	background: url('images/box-title.png') repeat-x top left;
	line-height:35px;
	font-weight:bold;
	font-size:9pt;
	color:#333;
	text-shadow:1px 1px 0 #FFF;
	padding:0 0 0 10px;
	border-bottom: 1px solid #CCC;
}

.catalog {
	margin:5px 0; 
}

table td a:link, table td a:visited, table.flat td a:link, table.flat td a:visited {
	color: #256d9a;
	text-decoration:none;
	/*padding:10px 0;*/
}

table td a:hover, table.flat td a:hover {
	text-decoration:underline;
}

table tr.link:hover { cursor:pointer; background:#eaf8ff; }
table tr.link:hover td { color:#111; }
table tr.red { background: #ffe6e6; }
table td {
	/*line-height:18px;*/
	padding:5px 6px;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	font-size:9pt;
	color:#555;
	text-shadow:0px 1px 0 #FFF;
	vertical-align:top;
}
table th, table tr.toggle{
	background:#EEE /*url('images/white-grad.png') repeat top left*/;
	color:#555;
	text-shadow:1px 1px 0 #FFF;
	padding:0 10px;
	line-height:28px;
	margin:0;
	font-weight:bold;
	font-size:7pt;
	text-align:center;
	border-top:1px solid #FFF;
	border-bottom: 1px solid #CCC;
	border-right:1px solid #CCC;
	border-right:1px solid #CCC;
}

table th.filter {
	text-align:left;
	padding: 3px 0 1px 10px;
}

table.flat, table.flat td {
	border:none;
	/*line-height:25px;*/
	background:#FFF;
	padding:2px 6px;
}

.even { background:#F7F7F7; }
table.data .over { background:#eaf8ff; color: #FFF; cursor:default; }

table tr.closed td,table tr.closed a { color:#999; }


/*Plugin Name: WP-Digg Style Paginator
Plugin URI: http://www.mis-algoritmos.com/2007/09/09/wp-digg-style-pagination-plugin-v-10/
Author: Victor De la Rocha
Author URI: http://www.mis-algoritmos.com
*/
/*CSS Yahoo new version style pagination*/
div.pagination {
	padding: 5px;
	margin: 10px 0 10px 0;
	text-align:center;
	/*font-family:Tahoma,Helvetica,sans-serif;*/
	font-size:90%;
}

div.pagination a {
	border: 1px solid #CCC;
	margin-right:3px;
	padding:5px 10px;
	/*background-image:url('img/bar.gif');*/
	background:#FFF url(images/white-grad.png) repeat-x;
	text-decoration: none;
	color: #777;
	border-radius:5px;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #777;
	background:#FFF url(images/white-grad.png) repeat-x;
	/*background-color:#999;*/
	color: #222;
}
div.pagination span.current {
	margin-right:3px;
	padding:2px 6px;
	
	font-weight: bold;
	color: #343434;
}
div.pagination span.disabled {
	display:none;
}
div.pagination a.next{
	/*border:2px solid #ccdbe4;*/
	margin:0 0 0 10px;
}
div.pagination a.next:hover{
	/*border:2px solid #2b55af;*/
}
div.pagination a.prev{
	/*border:2px solid #ccdbe4;*/
	margin:0 10px 0 0;
}
div.pagination a.prev:hover{
	/*border:2px solid #2b55af;*/
}

a.button.current { 
	border: 0px;
}

a.button.current:hover {
	background:none;
	cursor:default;
}

/***** AUTO FILL *****/

#autofill {
	width:225px;
	background:#f2faff;
	color:#52768f;
	height:auto;
	border:1px solid #9ba3b1;
	/*border-top:none;*/
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;	
	display:block;
	margin:0;
	padding:0;
	/*top:35px;
	left:155px;*/
	display:none;
	position:absolute;
	z-index:100;
}

#autofill div {
	display:block;
	padding:5px;
	font-size:11pt;
	color:#777;
}

.l-rounded {
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}

#autofill div:hover {
	background:#EEE;
	color:#333;
	cursor:pointer;
	z-index:100000;
}

/*#status {
	color:#090;
	font-weight:bold;
}*/

#autofill div.vars { padding:0; display:none; }

/***** END AUTO FILL *****/