/* 
tusreclamos.com
CSS for general layout
By: Daniel Bernal @ Banshai Dynamic Media 

Used Colors:

Green: #1BAD41
Orange: #F09836


*/

/*Default Styles */

body {
	font-family: "Lucida Grande", "Arial", "Helvetica", sans-serif;
	font-size:72%;
	color:#535658; 
	
	margin:0;
	padding:0;
}

div, td, h1, h2, h3, h4, h5, p, ul, ol, li, label, a, textarea, form {
	margin:0;
	padding:0;
}

a {
	text-decoration:none;
	color:#535658; 
	border-bottom:1px dotted #999;
}

a:hover {
	text-decoration:none;
	color:#F09836; 
	border-bottom:1px dotted #F09836;
}

a img {
	border:none;
	margin-right:5px;
	vertical-align:bottom;
}


a.button {
	padding:1px 5px 1px 5px;
	border:1px solid #ccc;
	border-radius:2px;
	background-color:#fff;
	color:#777;
	font-weight:bold;
}

a.button:hover {
	color:#fff;
	background-color:#F09836; 
	border:1px solid #F09836;
}

a.button {
	font-weight:bold;
}

a.button .alt {
	
}


h2 {
	font-size:1.3em;
	color:#D77E21;
	border-bottom:1px solid #ccc;
	padding-bottom:4px;
	margin-bottom:.8em;
	background: url('../img/default/title-icon.png') no-repeat 0px 4px;
	text-indent:14px;
}

h2 .st {
	color:#666;
}

#dialog h2 {
	background: url('../img/default/widgets-alt-bg.png');
	margin:10px 0 0 0 ;
	border:1px solid #ccc;
	border-top-left-radius:2px;
	border-top-right-radius:2px;
	border-bottom:none;
	color:#666;
	width:660px;
	padding-top:4px;
	font-size:1.2em;
}

#dialog #signup h2 {
	margin-top:10px;
	width:280px;
	margin:auto;
}

#dialog #login h2 {
	margin-top:10px;
	width:280px;
	margin:auto;
}


h3 {
	color:#333;
	font-size:1.2em;
	margin-bottom:0.1em;
}

p {
	padding-bottom:1em;
}

hr {
	border:none;
	border-top:1px solid #ccc;
}

/* General classes */

.spacer {
	height:0;
	clear:both;
}

.hg {
	font-weight:bold;
}

.credit-discount {
	padding:2px;
	text-align:center;
	background-color:#F09836;
	color:#fff;
	margin-bottom:10px;
	width:250px;
	float:left;
	margin-top:5px;
}

.credit-required {
	clear:both;
	padding:2px;
	text-align:center;
	background-color:#F09836;
	color:#fff;
	width:200;
	border:1px solid #ccc;
}

.credit-total {
	clear:both;
	padding:2px;
	text-align:center;
	color:green;
	width:200;
	border:1px solid #ccc;
	border-top:none;
}



/* Dialogs */

#dialog {
	background-color:#fff;
	padding:10px 10px 0px 10px;
	color:#535658;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	/*min-height:360px;*/
	overflow:hidden;
}

#dialog .p {
	margin-left:25px;
}

#dialog p.text {
	margin:auto;
}

#dialog p.note {
	font-size:0.8em;
	padding-top:18px;
	color:red;
}

#dialog p.question {
	width:280px;
	margin-left:15px;
}

#dialog p.question img {
	vertical-align:text-bottom;
}

#dialog p.question .q {
	font-weight:bold;
	line-height:1.4em;
}


#dialog #signup {
	width:330px;
	float:left;
	border-right:1px dotted #ccc;
	min-height:350px;
	margin-top:10px;
}

#dialog #login {
	width:310px;
	margin-left:340px;
	margin-top:10px;
}

#dialog .form-container h2 {
	border-bottom:none;
	background: none;
	text-align:center;
	text-indent:0;
	margin:0;
	padding:0;
}


#dialog .subtitle {
	text-align:center;
	margin:0;
	padding-bottom:10px;
	margin-bottom:10px;
	color:#F09836;
	font-weight:bold;
}

#dialog .msg .activate-pic { 
	left:295px;
	position:absolute;
	text-align:right;
	top:60px;
}

/* Contenedor de formualarios de una sola pantalla */
#dialog .form-container,.message {
	border:1px solid #ccc;
	width:260px;
	margin:0px auto 15px;
	background-color:#f9f9f9;
	border-radius:2px;
	
	
	padding:15px 10px 15px 10px;
}

#dialog .form-container.alt {
	width:97%;
	margin-top:0;
	margin-top:0;
}

#dialog .form-container.alt .claim-not-here{
	color:red;
	font-weight:bold;
}

#dialog .form-container.alt .claim-not-here a {
	color:red;
	font-weight:bold;
}

#dialog .form-container.alt h2 {
	text-align:left;
}

#dialog .form-container.alt p.subtitle {
	text-align:left;
}

#dialog .form-container.alt p.subtitle label {
	text-align:left;
	font-weight:bold;
}


#dialog form .input {
	margin-right:10px;
	padding-bottom:10px;
	text-align:right;
}

#dialog form .input.checkbox {
	text-align: left;
	margin-left:15px;
}

#dialog .form-container.alt .input {
	text-align: left;
}

#dialog .form-container .input label {
	width:70px;
	text-align:right;
	float:left;
	margin-right:20px;
	margin-left:5px;
	line-height:25px;
	vertical-align:bottom;
}

#dialog .form-container.alt .input label {
	width:110px;
}

#dialog .form-container.alt .input img {
	vertical-align:text-bottom;
}

#dialog .form-container.alt .input a {
	text-decoration:none;
	border:none;
}

#dialog .form-container .input input {
	border:1px solid #ccc;
	border-radius:2px;
	
	
	font-size:1.2em;
	text-indent:3px;
	width:150px;
	vertical-align:middle;
	color:#535658;
}

#dialog .form-container .input textarea {
	border:1px solid #ccc;
	border-radius:2px;
	
	
	font-family: "Lucida Grande", "Arial", "Helvetica", sans-serif;
	font-size:1.2em;
	text-indent:3px;
	width:440px;
	height:200px;
	vertical-align:top;
	color:#535658;
	margin-left:134px;
	
}

#dialog .form-container .textarea  label {

}

#dialog div.textarea div {
	border:none;
}


#dialog .form-container.alt .input input {
	width:440px;
}

#dialog .form-container .checkbox {
	margin-top:0px;
	padding:6px;
	width:230px;
}


#dialog .form-container .checkbox input {
	margin-right:5px;
	margin-top:0;
	width:15px;
}  

#dialog .form-container .checkbox .label {
	color:#666;
}

#dialog .form-container .submit {
	text-align:right;
	margin-right: 10px;
	margin-top:10px;
}

#dialog .form-container .submit input {
	border:1px solid ;
	background-color:#777777;
	font-size:1.2em;
	border-radius:3px;

	color:#fff;
	cursor:pointer;
}

#dialog .form-container .submit input:hover {
	border:1px solid #F09836;
	background-color:#F09836;
}


#dialog .form-container .error input {
	border:1px solid #990000;
}

#dialog .form-container .error-message, .error-message-alt, .error-message-alt-2 {
	color:#fff;
	font-size:0.8em;
	margin-left:98px;
	width:148px;
	padding:2px;
	background-color:#990000;
	
	
	border-bottom-left-radius:2px;
	border-bottom-right-radius:2px;
	
	
	
	
}
/*
#dialog #comment,#answer .form-container .input .error-message {
	margin-left:135px;
	width:438px;

}
*/


#dialog .form-container .error-message-alt {
	font-size:1em;
	margin-left:5px;
	border-radius:2px;
	width:auto;
	margin-top:5px;
	text-align:center;
}

#dialog .form-container .error-message-alt-2 {
	font-size:0.7em;
	margin-left:5px;
	border-radius:2px;
	
	
	width:auto;
	margin-top:3px;
	text-align:center;
}


#dialog a.button {
	background-color:#999999;
	border-color:#999999;
	color:#FFFFFF;
	float:right;
	font-size:1.1em;
	font-weight:normal;
	height:18px;
	margin-bottom:12px;
	padding:3px 8px;
}

#dialog a.padd {
	margin-left:10px;
}



#dialog #formcnt .submit input {
	border-radius:2px;
	
	
	background-color:#999;
	border:1px solid #999;
	color:#FFFFFF;
	cursor:pointer;
	float:right;
	font-size:1.1em;
	margin-bottom:12px;
	padding:3px 8px;
	margin-left:10px;
}

#dialog a.button:hover { 
	background-color:#F09836;
	border-color:#F09836;
}

#dialog #formcnt .submit input:hover {
	background-color:#F09836;
	border-color:#F09836;
}

#dialog .loader {
	text-align:center;
	margin-top:40px;
}

#dialog div.auto_complete    {
     position         :absolute;
     background-color :#FAFAFA;
     border           :2px solid #ccc;
     margin           :0px;
     width:				200px;
     height:120px;
     overflow:auto;
     border-bottom-left-radius: 2px;
     border-bottom-right-radius: 2px;
   
} 

#dialog div.auto_complete li.selected { 
	background-color: #ffb; 
}

#dialog div.auto_complete ul {
	list-style:none;
}


#dialog .claims .error-message {
	margin-left: 135px;
	width:438px;
}

#dialog #uploadMsg {
	text-align:right;
	font-weight:bold;
}

#dialog .confirm .confirmation_details {
	border-radius:2px;
	
	
	background-color:#F9F9F9;
	border:1px solid #CCCCCC;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
}

#dialog .confirm p.title {
	border-radius:2px;
	
	
	background-color:#777777;
	color:#FFFFFF;
	font-size:19px;
	margin:0 auto 25px;
	padding:3px 0;
	text-align:center;
}

#dialog .confirm p.cf_message {
	clear:both;
	font-size:1.5em;
	margin-right:15px;
	text-align:center;
}


#dialog .confirm p.cf_value {
	text-align:center;
}

#dialog .confirm p.cf_url {
	/*text-align:center;*/
}

#dialog .confirm div.cf_copy {
	margin-top:24px;
	margin-bottom:20px;
}

#dialog .confirm div.cf_copy ul {
	margin:0;
	padding:0 0 0 20px;
	color:#333;
}

#dialog .confirm div.cf_copy li {
	padding-bottom:5px;
}

#dialog .confirm .number_number {
	font-size: 1.5em;
	background-color: #F09836;
	padding:1px 8px 1px 8px;
	color:#fff;
	font-weight:bold;
	border-radius:2px;
	
	
}

#dialog .confirm .link_link {
	font-size: 1em;
	margin-top: 0px;
	padding:1px 8px 1px 8px;
	font-weight:bold;
	border-radius:1px;

}


/* File fields skin */
#dialog div.fileinputs {
	position: relative;;
	height:30px;
}



#dialog div.fileinputs input.file {
	position: relative;
	font-size:1em;
	border:none;
}

#dialog form .input.file {
	padding-bottom:0;
}

#dialog form .contact_user {
	border-top:1px dotted #ccc;
	font-size:1.2em;
	padding-top:15px;
	font-weight: bold;
	padding-bottom:10px;
	color:#F09836;
	margin-top: 10px;
	clear:both;
}



#dialog form .contact_info {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	margin-bottom:10px;
	margin-left:46px;
	margin-top:10px;
	padding:4px;
	width:400px;
}

#dialog form .contact_info .input {
	width:300px;
	float:left;
}


#dialog form .contact_info label {
	width:70px !important;
	margin-right:10px !important;
	margin-left:14px;
}

#dialog form .contact_info input {
	width:100px !important;
	margin-right:20px;
	border:1px solid #ccc;
	
}



#dialog form .radioBtn {
	margin-left: 30px;
}
               

#dialog #step1 {
	/*min-height:450px;*/
}

#dialog .companyName {
	font-weight:bold;
}

/*
#dialog #comment,#answer .claim_info {
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
}
*/

/*
#dialog #comment,#answer .claim_info label {
	float:left;
	font-weight:bold;
	width:120px;
}


#dialog #comment,#answer .input label {
	line-height:1.2em;
}

*/

#dialog #comment textarea {
	height:100px;
}

#dialog #comment .follower-text {
	font-size:1.2em;
	color:#f09836;
	font-weight:bold;	
}

#dialog #comment .follower-explain {
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
	padding-bottom:10px;
}

#dialog #answer .answer-text {
	font-size:1.2em;
	color:#f09836;
	font-weight:bold;	
}

#dialog #answer .answer-explain {
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
	padding-bottom:10px;
}


#dialog .send_to_friend .input label {
	width:120px !important;
}

#dialog .send_to_friend .input textarea {
	height:100px;
	margin-left:0;
}

#dialog .send_to_friend .input .error {
	height:100px;
}

#dialog .send_to_friend .error-message {
	margin-left:145px;
}

/* Standalone Messages */

#message {
	border:5px solid #ccc;
	width:400px;
	margin:30px auto auto auto;
	background-color:#fff;
}

#message #logo {
	text-align:center;
	background-color:#333;
	border-bottom:1px solid #ccc;
	padding:10px;
	text-align:right;
	border-bottom:5px solid #f09836;
	
}

#message #content {
	padding:20px;
	font-size:1.1em;
}

#message form label {
	float:left;
	width:160px;
}

#message form input {
	border:1px solid #ccc;
	width:150px;
	height:18px;
	font-size:1.3em;
	margin-bottom:10px;
	width:190px;
}

#message form .submit input {
	color:#fff;
	font-size:1em;
	background-color:#666;
	height:25px;
	border:1px solid #666;
	width:180px;
	margin-top:20px;
	
	
}

#message .error-message {
	color:#fff;
	font-size:1em;
	width:148px;
	padding:2px;
	background-color:#990000;
	border-bottom-left-radius:2px;
	border-bottom-right-radius:2px;
	
	
	
	
}

#term_popup {
	border:5px solid #ccc;
	margin:auto;
	background-color:#fff;
}

#terms_popup #logo {
	text-align:center;
	background-color:#333;
	border-bottom:1px solid #ccc;
	padding:10px;
	text-align:right;
	border-bottom:5px solid #f09836;
	
}

#terms_popup #content {
	padding:20px;
	font-size:1.1em;
}

/* Header */


#header {
	height:121px;
	background-image: url(../img/default/headerBg.png);
	
}

#header-content {
	width:960px;
	margin:auto;
}

#header #logo {
	float:right;
	margin-top:25px;
}

#header #userinfo {
	border-bottom-left-radius:2px;
	border-bottom-right-radius:2px;
	
	
	
	
	background-color:#393939;
	border:1px solid #444;
	color:#777777;
	font-size:0.8em;
	padding:5px;
	position:absolute;
	border-top:none;
}

#header #userinfo a {
	color:#999999;
}

#header #main-menu  {
	float:left;
	margin-top:85px;
}

#header #main-menu li {
	list-style:none;
	display:inline;
	margin-right:0px;
}

#header #main-menu a {
	font-weight:bold;
	color:#ccc;
	padding:3px 5px 3px 5px;
	border-top-left-radius:2px;
	border-top-right-radius:2px;
	
	
	
	
	padding-bottom:6px;
	border:none;
	
}

#header #main-menu a:hover {
	color:#333;
	background-color:#F09836;
}

#header #main-menu a.active {
	color:#333;
	background-color:#F09836;
}


#header #main-menu-spacer {
	position:relative;
	background-color:#fff;
	height:13px;
	margin-top:68px;
	width:674px;
	border-top-left-radius:2px;
	
	
}

#site-content {
	width:960px;
	margin:auto;
	
}

#content-placeholder {
	width:955px;
}

#main-content {
	padding-top:3em;
	width:660px;
	float:left;
	min-height:600px;
	
}

#main-content #searchForm img {
	cursor:pointer;
}

#main-content #searchBox {
	border:2px solid #ccc;
	height:34px;
	text-align:right;
	border-radius:2px;
	margin-bottom:2.5em;
	
}

#main-content #searchBox input {
	font-size:1.5em;
	border:none;
	padding-top:7px;
	vertical-align:top;
	width:600px;
	color:#ccc;
}

#main-content #searchBox input.write {
	color:#444;
}

#main-content #claims {
	/*margin-top:2.5em;*/
}

#main-content #claims #sort-bar {
	font-weight:bold;
	margin-bottom:15px;
	font-size:1.1em;
	border-bottom:1px dotted #ccc;
	padding-bottom:12px;
}


#main-content #claims #sort-bar .sort-by {
	margin-right:1em;
	font-weight:normal;
	float:left;
} 

#main-content #claims #sort-bar ul {
	list-style:none;
}

#main-content #claims #sort-bar li {
	display:inline;
}

#main-content #claims #sort-bar li {
	padding:2px 3px 2px 4px;
}

#main-content #claims #sort-bar li.active{
	background-color:#f1f1f1;
	border:1px solid #ccc;
	border-radius:2px;
	
	
}

#main-content #claims #sort-bar li a {
	padding:2px 2px 2px 2px;
	border:1px solid #fff;
}

#main-content #claims #sort-bar li a:hover{
	background-color:#fff;
	border:1px solid #ccc;
	border-radius:2px;
	
	
	background-color:#f1f1f1;
}

#main-content #claims .header-filter {
	float:right;
}

#main-content #claims .header-filter .button {
	background-color:#f1f1f1;
}

#main-content #claims .header-filter .button:hover {
	background-color:#f09836;
}


#main-content #claims .featured {
	background-color:#f9f9f9;
	border:1px solid #ccc;
	padding:9px;
	border-radius:2px;
	
	
	margin-bottom:2.5em;
}

#main-content #claims .claim {
	border-bottom:1px solid #ccc;
	border-radius:2px;
	
	
	padding-bottom:1.5em;
	margin-bottom:1.5em;
}

#main-content #claims .view_header {
	background-color:#f9f9f9;
	border:1px solid #ccc;
	border-top:none;
	padding:9px;
	border-bottom-left-radius:2px;
	border-bottom-right-radius:2px;
}

#main-content #claims .view_header .claims-total {
	font-size:1.2em;
}

#main-content #claims .view_header .claim-stats label {
	padding-left:10px;
	width:170px;
	
}

#main-content #claims .featured {
	padding-bottom:0.6em;
}

#main-content #claims .featured .claimPic {
	float:left;
	margin-right:.8em;
	width:270px;
	height:203px;
}

#main-content #claims .claimPic {
	width:149px;
	height:112px;
	float:left;
	margin-right:8px;
	border:1px solid #aaa;
	
}

#main-content #claims .featured img.preview {
	position:absolute;
	clip:rect(0px,270px,203px,0px);
}

#main-content #claims img.preview {
	position:absolute;
	clip:rect(0px,149px,112px,0px);
}

#view #claimContent .claimPic {
	width:270px;
	height:203px;
}

#view #claimContent img.preview {
	clip:rect(0px,270px,203px,0px);
}

#main-content #claims .claim a.title-text {
	border:none;
}

#main-content #claims .claim .claim-base-data {
	margin-bottom:1.1em;
	margin-left:160px;
}

#main-content #claims .featured .claim-base-data {
	margin-bottom:2em;
	margin-left:280px;
}

#main-content #claims .claim-base-data .number {
	background-color:#F09836;
	padding:1px 8px 1px 8px;
	color:#fff;
	font-weight:bold;
	border-radius:1px;

}

#main-content #claims .time {
	font-style:italic;
	font-weight:normal;
	font-size:0.9em;
	
}

#main-content #claims .claim-base-data .user {
	font-size:0.9em;
	float:right;
}

#main-content #claims .delete {
	font-size:0.9em;
	margin-left:3px;
}

#main-content #claims .claim-base-data .city {
	font-size:0.9em;
	float:right;
	margin-left:5px;
}

#main-content #claims .claim-base-data .pending {
	font-size:0.9em;
	float:right;
	background-color:#D20000;
	padding:1px 5px 1px 5px;
	color:#fff;
	margin-right:10px;
}

#main-content #claims .claim p {
	margin-bottom:13px;
	margin-left:160px;
}

#main-content #claims .featured p {
	font-size:1em;
	margin-left:280px;
	margin-bottom:20px;
}

#main-content #claims .claim h3 {
	margin-left:160px;
	text-decoration:underline;
}

#main-content #claims .claim h3:hover {
	margin-left:160px;
	text-decoration:none;
}

#main-content #claims .claim h3 a {
	text-decoration:underline;
}

#main-content #claims .claim p a {
	border:none;
}


#main-content #claims .featured h3 {
	font-size:1.35em;
	margin-bottom:0.2em;
	margin-left:280px;
}

#main-content #claims .featured .claim p {
	margin-left:280px;
}

#main-content #claims a:hover p {
	color:#535658;
	text-decoration:underline;
}



#main-content #claims .claim .claim-company {
	margin-bottom:0.7em;
	margin-left:160px;
}

#main-content #claims .featured .claim-company {
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:1em;
	margin-left:280px;
}

#main-content #claims .claim-header-text {
	margin-bottom:0.7em;
}

#main-content #claims .claim-header-text label {
	width:120px;
	float:left;
	font-weight:bold;
}

#main-content #claims .user-header-text  {
	clear:both;
	line-height:1.6em;
}

#main-content #claims .user-header-text label {
	width:180px;
	float:left;
	font-weight:bold;
}

#main-content #claims .user-header-text img {
	vertical-align:text-top;
}

#main-content #claims .view_header p {
	margin:0;
}


#main-content #claims .scores {
	height:18px;
	font-weight:bold;
	font-size:0.9em;
	border-radius:2px;
	
	
	float:right;
}



#main-content #claims .view_header .scores {
	float:none;	
}


#main-content #claims .scores ul {
	list-style:none;
	
}

#main-content #claims .scores li {
	float:left;
	border:1px solid #e0e0e0;
	padding:1px 8px 1px 8px;
	background-color:#fff;
	
}

#main-content #claims .scores li a {
	border:none;
}

#main-content #claims .scores li:hover {
	background:none;
}


#main-content #claims .scores li img {
	vertical-align:text-bottom;
	margin-right:3px;
}

#main-content #claims .more_btn {
	margin-left:10px;
	font-weight:bold;
	font-size:0.7em;
	
}

#main-content #claims .overlay {
	position:absolute;
	z-index:2;
}

#main-content #view h2 {
	background: url(../img/default/widgets-bg.png);
	margin-bottom:0;
	padding-bottom:0;
	color:#fff;
	line-height:1.8em;
	border-top-left-radius:2px;
	border-top-right-radius:2px;

}

#main-content #search h2.claims {
	color:#444;
	background: url(../img/default/widgets-alt-bg.png);
	border:1px solid #ccc;
	padding-top:2px;
	border-top-left-radius:2px;
	border-top-right-radius:2px;
	
	
	
	
	margin-bottom:10px;
	margin-top:10px;
}

#main-content #searchResults h3 {
background: url(../img/default/widgets-bg.png);
	padding-left:1em;
	margin-bottom:0;
	padding-bottom:0;
	color:#fff;
	line-height:1.8em;
	border-top-left-radius:2px;
	border-top-right-radius:2px;
	
	
	
	
}

#main-content #searchResults .companies {
	background-color:#f9f9f9;
	border:1px solid #ccc;
	border-top:none;
	padding:9px;
	border-bottom-left-radius:2px;
	border-bottom-right-radius:2px;
	
	
	
	
	margin-bottom:20px;
}

#main-content #searchResults .companies .column {
	height:25px; float:left; margin-right:15px; width:305px;
}

#main-content #searchResults .companies .column-user {
	height:25px; float:left; margin-right:15px; width:190px;
}

#main-content #searchResults .companies ul {
	list-style:none;
}

#main-content #searchResults .companies li {
	margin-right:10px;
	margin-bottom:10px;
	display:inline;
}

#main-content #searchResults .searchRefine {
	width:450px;
	text-align:center;
	background-color:#fff;
	border:1px solid #ccc;
	margin:0 auto 0 auto;
	padding:0;
	padding:5px;
	margin-top:10px;
	font-weight:bold;
	color:#f09836;
}


/* Claim Actions */

#main-content #claimActions {
	height:40px;
	text-align:center;
}

/* Claim Content */

#main-content #claimContent {
	margin-bottom:20px;
	border:1px solid #ccc;
	border-top-left-radius:2px;
	border-top-right-radius:2px;
}

#main-content #claimContent .claimPic{
	margin:1em 1em 0em 1em;
}

#main-content #claimContent h3 {
	font-size:1.4em;
	border-bottom:1px solid #ddd;
	color:#666;
	background:url(../img/default/widgets-alt-bg.png);
	line-height:1.5em;
	padding-left:0.8em;
	
	
}

#main-content #claimContent p {
	font-size:1.1em;
	padding:1em 1.1em 1.1em 1.1em;
}

#main-content .following {
	border:none;
	text-align:center;
	margin:0;
	color:#fff;
	background-color:#f09836;
	line-height:1em;
	padding:3px 0 3px 0;
	font-size:1.2em;
	border-radius:2px;
	border:1px solid #333;
	margin:0 auto 18px auto;
	clear:both;
}

#main-content .attended {
	border:none;
	text-align:center;
	margin:0;
	color:#fff;
	background-color:#CC0000;
	line-height:1em;
	padding:3px 0 3px 0;
	font-size:1.2em;
	border-radius:2px;
	border:1px solid #333;
	margin:0 auto 18px auto;
	clear:both;
}

#main-content .attended a {
	color:#fff;
	border-bottom:1px dotted #ccc;
	font-size:0.8em;
}



/* Claim Content */
#main-content #claimPictures {
	padding:10px;
	clear:both;
}	

#main-content #claimPictures h4 {
	font-size:1.2em;
	color:#666;
	line-height:1.5em;
	margin-bottom:10px;
	border-bottom:1px dotted #CCCCCC;
}

#main-content #claimPictures .claimPic {
	width:149px;
	height:112px;
	margin:0 8px 0 0;
}

#main-content #claimPictures .claimPic img.preview {
	clip:rect(0px,149px,112px,0px);
}

#main-content #claimComments  {
	margin-top:40px;
}

#main-content #claimComments h4 {
	font-size:1.2em;
	border-bottom:1px solid #ddd;
	color:#555;
}

#main-content #claimComments .comment-add {
	float:right;
}

#main-content #claimComments #loading {
	padding-top:10px;
	text-align:center;
}


#main-content #claimComments #comments {
	padding:10px 0 30px 10px;
}


#main-content #claimComments .comment {
	margin-top:15px;
	padding:0px 0 0 10px;
	margin-bottom:25px;
	border-left:2px solid #ccc;
}

#main-content #claimComments .comment.alt {
	border-left:2px solid #f09836;
}

#main-content #claimComments p {
	margin-top:5px;
	margin-left:15px;
	color:#666;
}

#main-content #claimComments .time {
	font-size:0.9em;
	font-style:italic;
	color:#999;
}

#main-content #claimComments  {
	margin-top:40px;
}

#main-content #claimComments .no-answers {
	font-size:1.2em;
	margin-top:10px;
	color:#f09836;
	font-weight:bold;
}

#main-content #claimAnswers {
	margin-top:40px;
}

#main-content #claimAnswers h4 {
	font-size:1.2em;
	border-bottom:1px solid #ddd;
	color:#555;
}

#main-content #claimAnswers .no-answers {
	font-size:1.2em;
	margin-top:10px;
	color:#f09836;
	font-weight:bold;
}

#main-content #claimAnswers .company-message {
	background-color:#efefef;
	padding:5px;
	border:1px dotted #ccc;
}

#main-content #claimAnswers .company-message a {
	font-weight:bold;
}



/* Pagination */

#main-content .pagination {
	float:left;
	width:100%;	
	text-align:right;
}

#main-content  .pagination .info {
	color: #999999;
	margin-right:15px;
	float:left;
	width:150px;
	text-align:left;
}

#main-content .pagination .navigator {
	margin-left:60px;
}

#main-content .pagination .navigator .numbers {
	
}

#main-content .pagination .navigator a {
	margin-left:3px;
} 


#main-content .pagination .current {
	margin: 0px;
   	padding:2px 5px 2px 5px;
    background-color: #CCCCCC;
    color: #FFFFFF;	
	border-radius:2px;
	
	
}



#alt-content {
	margin-left:705px;
	padding-top:3em;
}

#alt-content #site-stats {
	border:2px solid #ccc;
	border-radius:2px;
	margin-bottom:30px;
	
}

#alt-content #site-stats .count {
	font-size:1.6em;
	font-weight:bold;
	text-align:center;
}

#alt-content #site-stats .count.total {
	width:46%;
	float:left;
	border-right:1px solid #ccc;
	padding-right:2%;
	margin-right:2%; 
	color:#f09836;
}

#alt-content #site-stats .count.solved {
	color:#f09836;
	background-color:#f9f9f9;
}

#alt-content #site-stats .text {
	font-size:0.8em;
	text-align:center;
	border-top:1px solid #ccc;
}

#alt-content #site-stats .text.total {
	width:46%;
	float:left;
	border-right:1px solid #ccc;
	padding-right:2%;
	margin-right:2%; 
}

#alt-content #site-stats .text.solved {
	background-color:#ddd;
}

#alt-content #widgets {
	/*margin-top:30px;*/
}

#alt-content .rank-box,.action-box {
	margin-bottom:25px;
}

#alt-content .rank-box .chart {
	padding:10px;
	border:1px solid #ccc;
	background-color:#f9f9f9;
	min-height:55px;
}

#alt-content .action-box .actions.top {
	height:16px;
}

#alt-content .action-box .actions {
	padding:10px;
	border:1px solid #ccc;
	min-height:55px;
}

#alt-content .action-box .actions li {
	font-size:1.1em;
}

#alt-content .rank-box .chart.top {
	height:16px;
}


#alt-content #widgets .rank-box h4.title{
	background: url('../img/default/widgets-bg.png')
	   
}

#alt-content #widgets .action-box h4.title{
	background: url('../img/default/widgets-hg-bg.png')
	   
}



#alt-content #widgets .rank-box h4 {
	background-position: 10px 10px;
	color:#fff;
	padding:2px;
	padding-left:1em;
	padding-right:1em;
	line-height:2em;
	border-top-left-radius:2px;
	border-top-right-radius:2px;
	
	
	
	
}

#alt-content #widgets .action-box h4 {
	background-position: 10px 10px;
	color:#fff;
	padding:2px;
	padding-left:1em;
	padding-right:1em;
	line-height:2em;
	border-top-left-radius:2px;
	border-top-right-radius:2px;
	font-size:1.3em;
	
	
	
}

#alt-content .rank-box ul {
	list-style:none;
	border-bottom-left-radius:2px;
	border-bottom-right-radius:2px;
	margin-bottom:1em;
}

#alt-content .action-box ul {
	list-style:none;
	border-bottom-left-radius:2px;
	border-bottom-right-radius:2px;
	
	
	
	
}

#alt-content .rank-box li {
	width:100%;
	height:1.7em;
}

#alt-content .action-box li {
	width:100%;
	height:1.9em;
	clear:right;
}

#alt-content .action-box li .button {
	border:none;
	background-color:transparent;
	
}

#alt-content .action-box li .button:hover {
	background-color:#f09836;
	
	
}


#alt-content .rank-box li .number {
	font-weight:bold;
	float:left;
	font-size:0.9em;
	width:15px;
}

#alt-content .rank-box li .item {
	float:left;
	margin-left:10px;
}

#alt-content .rank-box li .total {
	float:right;
}

#alt-content .rank-box .caption {
	text-align:right;
	color:#444;
	font-size:0.8em;
}

#alt-content .rank-box .button {
	clear:right;
	text-align:right;
	font-size:0.95em;
}

#footer {
	background:url(../img/default/footerBg.png);
	margin-top:50px;
	height:75px;
	width:100%;
}

#footer-container {
	margin:auto;
	padding-top:20px;
}

#footer #footer-menu {
	border-radius:2px;
	
	
	margin-bottom:5px;
	margin-top:0;
	padding:8px 10px 8px 23px;
	text-align:center;

}

#footer #footer-menu li {
	display:inline;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-right:0;
}

#footer #footer-menu a {
	border-radius:2px;
	
	
	color:#333333;
	font-weight:bold;
	padding:3px 5px;
	border:none;
	color:#ccc;
}

#footer #footer-menu a:hover {
	background-color:#F09836;
	color:#333;
}

#footer #footer-menu-spacer {
	border-top-left-radius:2px;
	
	
	background-color:#FFFFFF;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	height:13px;
	margin-top:68px;
	position:relative;
	width:674px;
}

#footer .copy {
	clear:both;
	font-size:0.8em;
	text-align:center;
	color:#777;
}

#footer .copy a {
	color:#777;
}


/* SWF UPLOAD STYLES */

#uploadPh {
	width:50%;
	float:left;
	height:105px;
}

.uupload-bar {
	margin-top:5px;
}

#uploadPh object {
	margin-left:45px;
	margin-top:25px;
}

.progressContainer {
	width:40%;
	margin-left:50%;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 220px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 5px;
	background: url(../img/default/widgets-bg.png);
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../img/cancel_button.png);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float:right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}

#fsUploadProgress {
	padding-top:5px;
}

/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
	vertical-align: top;
}

/*--- Welcome Box */
.welcomePage {
	background: url(../img/default/intro-bg.png);
}

#welcomeBox {
	margin:100px auto 0;
	padding:10px;
	width:550px;
}

#welcomeBox #introBox{
	color:#ccc;
	float:left;
	font-size:13px;
	width:250px;
	border-right:1px solid #515151;
	margin-right:30px;
	padding:5px;
}

#welcomeBox #introBox .content {
	padding:10px;
}

#welcomeBox #introBox p {
	width:100%;
	text-align:center;
}

#welcomeBox #introBox p img {
	vertical-align:middle;
	margin-right:8px;
}

#welcomeBox #introBox p.title {
	font-size:1.2em;
	padding-top:10px;
	vertical-align:text-bottom;
	padding-top:2px;
}

#welcomeBox #introBox p.quejate {
	color:#fff;
}

#welcomeBox .tus {
	font-weight:bold;
	color:#f09836;
}

#welcomeBox .reclamos {
	font-weight:bold;
	color:#fff;
}

#welcomeBox #enterBox {

}

#welcomeBox #enterBox .logo{

}

#welcomeBox #enterBox .enterBtn {
	text-align:center;
	margin-top:30px;
}

#welcomeBox #enterBox .enterBtn a {
	border:none;
}


#welcomeBox #enterBox .enterBtn a img {
	margin-right:35px;
}

#welcomeBox #enterBox p.videolink{
	text-align:center;
	margin-right:35px;
	margin-top:10px;
	color:#777;
}

#welcomeBox #enterBox p.videolink a{
	color:#777;
}

#welcomeBox #enterBox p.videolink a:hover{
	color:#f09836;
}



/* FAQ */

#help h3 {
	font-size:1.35em;
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
}

#help .tr {
	font-weight:bold;
}

#faq h4 {
border-bottom:1px solid #CCCCCC;
color:#F09836;
font-size:1.2em;
margin-bottom:20px;
margin-top:20px;
}

#faq p {
	padding-bottom:5px;
}

#faq .question {
	font-weight:bold;
	color:#444;
	font-size:1.1em;
	cursor:pointer;
}

#faq .answer {
	padding-top:8px;
}

#faq .question a:hover{
	font-weight:bold;
	color:#444;
	cursor:pointer;
}


#faq .answer {
	color:#555;
}


/* TERMS */ 

#terms h3 {
	font-size:1.35em;
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
}

#terms .tr {
	font-weight:bold;
}

#faq h4 {
border-bottom:1px solid #CCCCCC;
color:#F09836;
font-size:1.2em;
margin-bottom:20px;
margin-top:20px;
}

#terms .tr {
	font-weight:bold;
}

#terms ul {
	margin-left:35px;
	margin-bottom:10px;
}


/* About */

#about {
	font-size:1.1em;
}

#about .tr {
	font-weight:bold;
}


#internals h1 {
	margin-bottom:20px;
}

#internals ul {
	margin-left:40px;
	font-size:1.2em;
}

#internals li img {
	margin-right:5px;
}

/* Social Bookmarks */

#social {
	position:absolute;
	top:20px;
}
