#overlay {
	position:absolute;
	width: 100%;
	height: 100%;
	z-index:90;
	top:0px;
	left:0px;
	background-image:url('imgs/bg_overlay.png');
	padding-top:20px;
}
* html #overlay {
	background-color:#333333;
	bbackground-color:transparent;
	background-image: url(blank.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/overlay.png",sizingMethod="scale");
}
#overlay #close {
	position:absolute;
	top:3px;
	right:3px;
	background:url('imgs/bg_cross.png') no-repeat right top;
	padding:0px 29px 3px 0px;
	font:normal bold normal 10px arial;
	margin:0px;
	height:15px;
	width:15px;
}
#overlay .overlay_content {
	text-align: left;
	position: relative;
	width: 420px;
	border:10px solid #3F3F3F;
	background-color: #fff;
}
#overlay h1 {
	margin:0px;
	background-color: #ffF;
	color: black;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 13px;
}
#overlay .overlay_content div.submit input, #overlay .overlay_content input.reset {
	font-size: 16px;
	font-family: Verdana;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-left: 3px;
	color: #FFFFFF;
	background-color: #2B559F;
	border:1px solid #ccc;
	width: 80px;
}
#overlay .overlay_content .label_width {
	width: 200px;
	float: left;
}
#overlay form .submit {
		display:inline;
		float:none;
}

.input_contact {margin-bottom:10px; width:280px;}
.margin_reset {margin-left: 185px;}


body {
	background-color: #2D2D2D;
	font-family: arial;
	font-size: 10pt;
	margin: 0px;
	padding: 0px;
}

h1 {
	font-size: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: left;
	color:white;
	font-weight:normal;
	margin: 0px;
}

h2 {color: #D9D9D9;font-weight: normal;padding:0px;margin:0px 0px 5px 0px;}
h3 {font-size: 14px;font-weight: bold;color: white;margin:0px;}
img {margin:0px;border-width:0px;}
form {margin: 0px 0px 0px 0px;text-align:left;}
a:link, a:visited, a:active {text-decoration:none;color:#FF3300;}
a:hover {text-decoration: underline;}
ul {padding:0px 0px 0px 15px;}
li {color:#c7c7c7;}
li p {margin:3px 0px 0px 0px;}

.label_contact {
	float:left;
	width:70px;
	font-family: arial;
	font-size: 12px;
	color:#3F3F3F;
	text-align:right;
	padding: 0px 11px 0px 0px;
}

.contact_h{
	font-family: arial;
	font-size: 28px;
	color:#303131;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

.color_contact {color:#B2CF00;}

.foot {clear: both;}
.left {float: left;}
.right {float: right;}

.clean_radio_right {float: right; padding: 0px 120px 0px 0px;}

.field_explain {
	color: #FFFFFF;
	font-size: 10px;
	margin: 2px 0px 5px 120px;
	font-family: arial;
}

.field_explain_active {
	color: #FFFFFF;
	font-size: 10px;
	margin: 2px 0px 5px 0px;
	font-family: arial;
}

.ico_credit{
	padding: 0px 10px 0px 0px;
}

form input
{
     
        font-size: 16px;
        font-family: Verdana;
        padding:1px 5px 3px 5px;
     
        color: #dadada;
        background-color: #242424;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #444444;
        border-right-color: #444444;
        border-bottom-color: #444444;
        border-left-color: #444444;
        width: 300px;

}


form input#user_username
{
    
        font-size: 16px;
        font-family: Verdana;
        padding:1px 5px 3px 5px;
        margin-right:3px;
        color: #dadada;
        background-color: #242424;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #444444;
        border-right-color: #444444;
        border-bottom-color: #444444;
        border-left-color: #444444;
        width: 220px;

}

form input#user_passwd
{
   
        font-size: 16px;
        font-family: Verdana;
        padding:1px 5px 3px 5px;
        margin-right:3px;
        color: #dadada;
        background-color: #242424;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #444444;
        border-right-color: #444444;
        border-bottom-color: #444444;
        border-left-color: #444444;
        width: 220px;

}


form input#user_email
{
   
        font-size: 16px;
        font-family: Verdana;
        padding:1px 5px 3px 5px;
        margin-right:3px;
        color: #dadada;
        background-color: #242424;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #444444;
        border-right-color: #444444;
        border-bottom-color: #444444;
        border-left-color: #444444;
        width: 220px;

}


div#workarea {width:100%;background:#2D2D2D;}
div#container {background-color: #FFFFFF;text-align: left;}

div#header {height:80px;position: relative;}
div#header a:link, div#header a:visited, div#header a:active, div#header a:hover {color: white;	font-weight: normal;font-size: 10pt;}
div#header div#login a.login:link, div#header div#login a.login:visited, div#header div#login a.login:active, div#header div#login a.login:hover {	color: #ff3309;	font-weight: normal;	font-size: 12pt;}
div#headerdiv {background: url('imgs/top_nav_tile_lighter.gif');	background-repeat: repeat-x;    right: 0px;	position: absolute;top: 60px;text-align: left;width: 100%;	height:30px;}
div#headerdiv div.titles_link {font-size: 10px;	font-family: Verdana;	color:#fafafa;	float: left;	padding-top: 8px;	padding-left: 30px;	padding-right: 0px;}
div#headerdiv div.titles_link a:link, div#headerdiv div.titles_link a:visited, div#headerdiv div.titles_link a:active, div#headerdiv div.titles_link a:hover { 	color: #ffffff;	font-weight: normal;	font-size: 7pt;}
div#headerdiv div#login {	text-align: right;	display: inline;	float: right;	position: relative;	padding-top: 8px;padding-left: 0px;	padding-right: 20px;}
div#headerdiv div#login a:link, div#headerdiv div#login a:visited, div#headerdiv div#login a:active, div#headerdiv div#login a:hover {	color: #ffffff;	font-weight: normal;	font-size: 7pt;}
div#header .search input {	font-size: 12pt;	color: #FFFFFF;	vertical-align: middle;}
div#header div.header_content {        right: 0px;	position: absolute;        top: 39px;	width:100%;}
div#header div#login {	text-align: right;	display: inline;	float: right; 	position: relative;}
div#header a.logo, div#header a:visited.logo, div#header a:link.logo, div#header a:active.logo, div#header a:hover.logo {float:left; margin-left:30px; margin-top:15px; font-family:georgia, arial; font-size:30px; font-weight:bold; text-decoration:none; color:#0066cc;}
div#header a.logo .click {color:#B2CF00;}
div#header div.user_info {float: left; 	padding-left: 20px; 	text-align: left; 	line-height: 30px;position: relative;}
div#header div.user_info a {margin-top: 5px;	font-weight: normal;}
div#header span.new {color: #000000;	background-color: #ffc200;	padding: 1px 5px;}
div#header span.username a {
	font-weight: bold;
	color: #000000;
}
div#header div.user_info img
{
	float: left;
	margin: 4px;
}

div#header div.user_info input.orange
{
	font-size: 12pt;
}

div#header div.signup
{
	
	float: left;
	padding: 0px 0px 0px 390px;
	text-align: left;
	top: 10px;
	width: 350px;
}

div#header div.signup .header
{
	height: 10px;

}

div#header div.header
{
	font-family: arial rounded mt bold, arial;
	font-weight: bold;
	font-size: 16pt;
	margin-bottom: 10px;
}

div.title {font-size: 20px;}

#check_views
{
	color: black;
	font-size: 10pt;
	padding: 0px 0px 0px 10px;
	font-family: Verdana;
}

.button_group {
	color: #333333;
	background-color:#3F3F3F;
	font-size: 10pt;
	height: 25px;
	margin: 0px;
	border-top:10px solid #3F3F3F;
	text-align: right;
}

.check_groups {
	float: left;
	width: 150px;
}

div#content
{
	padding: 10px 10px 10px 10px;
	background-color: #2D2D2D;
	min-height: 350px;
}

div#count_total
{
	padding: 10px 20px 10px 0px;
	color: #dadada;
	text-align:right;
}

div.form_center
{
	width: 445px;
	vertical-align: middle;
}

div.form_login_reset
{
	width: 400px;
	vertical-align: middle;
}

form input#postal_code
{
	width: 80px;
}

form input#DummyCount
{
	/* Modica el tamaņo del input que muestra el limite de caracteres */
	width: 35px;
	font-size: 10px;
	text-align: center;
	z-index: 10000;
	/*float:right; */
}

form#filter input 
{
	font-size: 14px;
	width: 180px;
}

form#filter .field_explain
{
	color: #ffffff;
	font-size: 10px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 65px;
	font-family: arial;
}

form#filter .field_explain_camp
{
	color: #ffffff;
	font-size: 10px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 90px;
	font-family: arial;
}

form#filter select
{
	font-size: 14px;
	width: 193px;
}

form#filter select#MessageDateDay
{
	font-size: 14px;
	width: 50px;
}

form#filter select#MessageDateMonth
{
	font-size: 14px;
	width: 60px;
}

form#filter select#MessageDateYear
{
	font-size: 14px;
	width: 60px;
}

form#filter select#MessageDateEndDay
{
	font-size: 14px;
	width: 50px;
}

form#filter select#MessageDateEndMonth
{
	font-size: 14px;
	width: 60px;
}

form#filter select#MessageDateEndYear
{
	font-size: 14px;
	width: 60px;
}
/*
form#filter input#subscriber_uid
{
	font-size: 14px;
	width: 145px;
	margin: 0px 20px 0px 0px;
}
*/

form#filter input#postal_code
{
	font-size: 14px;
	width: 60px;
}

form#filter input#postal_code_end
{
	font-size: 14px;
	width: 60px;
}


form#filter .submit
{
	width: 70px;
	font-size: 14px;
	margin: 0px 0px;
}

div.page_filter
{
	padding: 10px 13px 13px 13px;
	font-size: 12px;
	margin: 0px 0px 5px 0px;
	border-color: #999999;
	border-style: solid;
	border-width: 1px;
	width: 700px;
}

form input.checkbox
{
	/*Modifico el tamaņo... del checkbox ya que lo estaba arrojando demasiado grande... esto era generado por el input que al parecer hereda de input lo 300px de ancho*/
	width: 15px;
	height: 15px;
	display:inline;
}

form .submit {
	width:84px;
	float: left;
}

form input.radio
{
	/*Modifico el tamaņo... del checkbox ya que lo estaba arrojando demasiado grande... esto era generado por el input que al parecer hereda de input lo 300px de ancho*/
	width: 15px;
	height: 15px;
	display:inline;
}


form textarea
{
	/* Modica el color de fondo de textarea de messsage */
	font-size: 16px;
	font-family: Verdana;
	padding:1px 5px 3px 5px;
	/*margin-left:3px;*/
	color: #dadada;
	background-color: #242424;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #444444;
	border-right-color: #444444;
	border-bottom-color: #444444;
	border-left-color: #444444;

	scrollbar-face-color: #242424;
	scrollbar-shadow-color: #444444;
	scrollbar-highlight-color: #444444;
	scrollbar-3dlight-color: #444444;
	scrollbar-darkshadow-color: #444444;
	scrollbar-track-color: #242424;
	scrollbar-arrow-color: #000000; 
	width: 300px;
}



form select
{
	
}


form div.submit input
{
	font-size: 16px;
	font-family: Verdana;
	padding:1px 5px 3px 5px;
	/*margin-left: 3px;*/
	color: #dadada;
	background-color: #242424;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #444444;
	border-right-color: #444444;
	border-bottom-color: #444444;
	border-left-color: #444444;
	width: 80px;
}


form#User p
{
	margin: 0px;
}

form#User p.title
{
	font-weight: bold;
}

a.login 
{
	color: #ff3309;
}

div.purchase 
{/*Lunes 22-Octubre-2007*/
	padding: 5px 0px;
	font-size: 12px;
	margin: 0px 25px;
}

div.purchase p
{/*Lunes 22-Octubre-2007*/
	color: white;
}

div.purchase p#clabe
{/*Lunes 22-Octubre-2007*/
	color: #b2cf00;
	font-style: oblique;
}


/*Lunes 22-Octubre-2007*/
.pruchase-table {
	color:white;
}
.td_green{background-color: #b2cf00;}
.td_gray{background-color: #999999;}
.td_bonus{
	width: 120px;
	text-align: center;
	width: 190px;
	margin: 0px;
}
.td_credits{
	width: 120px;
	text-align: center;
	width: 190px;
	margin: 0px;
}
.td_credits_extra{
	width: 150px;
	text-align: center;
	width: 190px;
	margin: 0px;
}
/*----------------------------------------------------------*/

.simple_steps
{
	width: 422px;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
}

.simple_steps p
{
	padding-left: 21px;
	color: #c7c7c7;
	line-height: 19px;
}

.simple_steps .imgs_buy
{
	padding-right: 4px;
}

.simple_steps h1
{
		padding: 20px 0px 20px 0px;
}

.simple_steps h2
{
	color: #b2cf00;
}

div.credit_buy
{
	padding: 5px 0px;
	font-size: 12px;
	margin: 53px 25px 0px 25px;
}

div.credit_buy p
{
	color: #c7c7c7;
	line-height: 19px;
}

div.page 
{
	padding: 5px 0px;
	font-size: 12px;
	margin: 0px 25px;
}

div.page h2
{
	text-align: left;
	color:#f16621;
}

div.page h2#reset
{
	text-align: left;
	color:#CCCCCC;
	padding: 0px 0px 0px 0px;
}

div.page h1
{
	ccolor:#f16621;
}

div.page p
{
	color: #c7c7c7;
	line-height: 19px;
}

div.page p.size_char
{
	color: #c7c7c7;
	line-height: 19px;
	font-size: 12px;
	text-align: left;
}

.page a:link,.page a:visited,.page a:active {text-decoration:none;color:#B2CF00;border-bottom:1px dotted #ccc;}
.page a:hover {text-decoration: underline;}

#link_green a:link, #link_green a:visited, #link_green a:active
{
	text-decoration: none;
	color: #47c03a;
	font-size: 16px;
	font-family: Verdana;
}

#link_green a:hover
{
	text-decoration: underline;
}

div.formulaire
{
	padding: 10px;	
	font-size: 16px;
}

div.required, div.optional
{
	font-size: 16px;
	clear: both;
	margin-bottom: 15px;
}

div.required#margin_chars, div.optional#margin_chars
{
	font-size: 16px;
	clear: both;
	margin-bottom: 3px;
}

.sidebyside
{
	display: inline;
	width: 190px;
	float:left;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}

div.required div.sidebyside, div.optional div.sidebyside
{
	display: inline;
	width: 190px;
	float:left;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}

div.required div.margin, div.optional div.margin
{
	display: inline;
	width: 280px;
	float:left;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}

div.required div.margin_campaigns, div.optional div.margin_campaigns
{/*Lunes 22-Octubre-2007*/
	display: inline;
	width: 300px;
	float:left;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}

div.required div.margin_select, div.optional div.margin_select
{
	display: inline;
	width: 320px;
	float:left;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}

div.required div.sidebyside, div.optional div.sidebyside .filter_left
{
	display: inline;
	width: 290px;
	float:left;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}


div.required div.sidebyside, div.optional div.sidebyside#group
{
	display: inline;
	width: 290px;
	float:left;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}


div.required div.sidebyside, div.optional div.sidebyside#email
{
	display: inline;
	width: 290px;
	float:left;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}

div.required div.sidebyside, div.optional div.sidebyside#uid
{
	display: inline;
	width: 230px;
	float:left;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}

div.required div.sidebyside, div.optional div.sidebyside#name
{
	display: inline;
	width: 290px;
	float:left;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}

div.required div.sidebyside, div.optional div.sidebyside#message
{
	display: inline;
	width: 290px;
	float:left;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}


div.required p, div.optional p
{
	font-size: 12px;
	color: #4c4c4c;
	margin: 0px;
}
/*--------------------------------------------------------------------*/

div.option_check
{
	clear: both;
	margin-bottom: 15px;
}

div.option_check div.sidebyside /*Como que al parecer esto no se requiere.... 02-Julio-2007 */
{
	display: inline;
	width: 120px;
	float:left;
	margin-right: 0px;
}

div.option_check div.sidebyside .title_view
{
	width: 160px;
}
/*----------------------------------------------------------------------*/
.errorsfound_message
{
	padding: 10px 50px;
	background: #c60000 url('imgs/sign_error.png') 20px 8px no-repeat;
	font-size: 16px;
	color: #ff9999;
}

.errorsfound_message .title
{
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
}


.found_message
{
	padding: 0px 10px;
	background-color: #2d2d2d;
	font-size: 16px;
	color: #ffffff;
	text-align: center;
}

.found_message .title
{
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
}

.error_message {
	font-size: 12px;
	background-color:#c60000;
	color:#fff;
	padding: 3px 15px;
	width:282px;
	margin: 4px 0px 4px 120px;}

form .input .error-message
{
	/*para la version CakePHP 1.2.x.x*/
	/*esta capa se genero ya que con la nueva version con respecto a los error se genera una capa llamada .error-message, que se encuentra dentro los input*/
	/*font-weight: bold;*/
	font-size: 12px;
	background-color: #c60000;
	color: #fff;
	padding: 3px 15px;
	width: 282px;
	margin: 4px 0px 4px 120px;
}

.message {
	font-weight: normal;
	font-family: arial;
	font-size: 19px;
	color: #000000;
	text-align:center;
	margin: 5px 0px 5px 0px;
	border: 1px solid #ccc;
	padding: 2px;
	/*background-color: #333300;*/
	background: url('imgs/bg_fdomensaje.png') repeat-x top left;
}

.message_reset
{
    font-weight: normal;
    font-size: 16px;
    color: #fff;
	text-align:center;
	margin: 0px 0px 10px 0px;
	border: 0px solid #ccc;
	padding: 2px;
	background-color: #666;
}

.subscriber_group
{
    font-weight: normal;
    font-size: 16px;
    color: #fff;
	text-align:center;
	margin: 0px 10px 20px 10px;
	border: 1px solid #ccc;
	padding: 2px;
	background-color: #666;
}


label
{
}

#left_butom
{
	float:left;
}
label.sidebyside
{
	width: 120px;
	float: left;
}

div.column
{
	float: left;
	margin: 0px 25px;
	width: 430px;
	z-index: -30;
	background-color: #2d2d2d;
}

div#sidebar.column
{
	width: 200px;
	float: right;
	z-index: 50;
	background-color: transparent;
	border:1px solid #666666;
}

div#sidebar.bggray
{
	background-color: #2d2d2d;
	height: 100%;

	border-color: #666666;
	/*background-color: #404040;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


div.column_group_right
{	/*Agrupa las capas en home del lado derecho*/
	width: 318px;
	float: right;
	margin-left: 15px;
}

div.column_group_right input
{
	width: 140px;
	font-size: 12px;
	font-family: Verdana;
}

div.column_group_right label
{
	text-align: left;
	width: 70px;
	float: left;
}

div.column_group_right #labeldemo
{
	text-align: left;
	width: 100px;
	float: left;
}


div.column_group_right #reset_left
{
	font-size: 11px;
	font-family: Verdana;
	float: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 60px;
}

	
div.column_group_right p
{
	/*Color de letra y tamaņo dentro de column_group_right*/
	font-size: 11px;
	color: #888888;
	line-height: 16px;
}

div.column_group_right_link a:link, div.column_group_right_link a:visited, div.div.column_group_right_link a:active

{
	text-decoration: none;
	color: #47c03a;
}

div.column_group_right_link a:hover
{
	text-decoration: underline;
}



div.column_home_left
{
	float: left;
	margin: 0px 25px;
	width: 350px;
	z-index: -30;
	background-color: #2d2d2d;
}

div.column_home_right
{
	width: 318px;
	margin: 20px 0px 40px 0px ;
}

div.column_home_left p
{
	color: #c7c7c7;
	line-height: 19px;
}

div.column_home_left p#title
{
	font-size: 15px;
	color: #fff;
}

div.column_home_right_bottom
{
	width: 318px;
	float: right;
	margin: 0px 0px;
	z-index: 50;
	background-color: transparent;
	border:1px solid #666666;
}

div.column_home_right_bottom ul
{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	color: #c7c7c7;
}

div.column_home_right_bottom ul li a
{
	color: #c7c7c7;
}

div.column_home_right_bottom h2
{
	color: #d9d9d9;
	text-align: left;
}

div.column_home_right form input
{
	width: 150px;
	font-size: 12px;
	font-family: Verdana;
}

div.column_home_right form div.submit input
{
	/*Esto es para el boton log in... de /page/home*/
	width: 50px;
}

div.column_home_right form div.reset_left
{
	font-size: 11px;
	font-family: Verdana;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 40px;
}

div.column_home_right form label.sidebyside
{
	width: 90px;
}


.menu-colum_right
{
	/*encabezado del menu de prefuntas FAQ*/
	background-color: #404040;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	color: #c7c7c7;
}

.content_menu-colum_right
{
	/*contenido del menu de preguntas*/
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin: 3px 0px;
}

.content_menu-colum_right_complete
{
	/*contenido del menu de la ultima pregunta*/
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-bottom-color: #666666;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin: 3px 0px;
}

/*--------capas de service demo------*/
div.column_home_service_demo
{
	width: 318px;
	float: right;
	margin: 20px 0px 20px 0px ;
	z-index: 50;
	background-color: transparent;
	/*border:2px solid #666666;*/
}

.element_right
{
	/*Esta capa es para pasar del lado derecho elementos que se requieran tener de ese lado*/
	text-align:right;
}

div.column_home_service_demo form label.label_width
{
	width: 90px;
}

div.column_home_service_demo form input
{
	width: 160px;
	font-size: 12px;
	font-family: Verdana;
}

div.column_home_service_demo form textarea
{
	width: 160px;
	font-size: 12px;
	font-family: Verdana;
}

div.column_home_service_demo form div.submit input
{
	width: 50px;
}
/*-------------------------------------------------------*/

div.filters
{
	background-color: #e6e6e6;
	padding: 10px;
}

div.note
{
	color: red;
	font-size: 10pt;
	font-weight: bold;
	margin: 10px 0px;
}

span.underline
{
	text-decoration: underline;
}

span.name
{
	display: block;
	color: #000000;
	font-weight: bold;
}

span.message
{
	float: left;
}

span.field
{
	display: block;
	margin: 5px 0px;
}

span.small
{
	font-size: 8pt;
}

div.super_title
{
	font-size: 38px;
	line-height: 44px;
}

div.banner 
{
	font-size: 15px;
	font-weight: bold;
	margin: 30px 0px;
}

div.banner span.txt
{
	padding-top: 10px;
}

div.mailing_list
{
	height: 200px;
	overflow: scroll;
	border: 1px solid black;
	padding: 5px;
	background-color: #dceaf7;
}

div#user_info
{
	font-size: 13pt;
	background-color: #2e2e2e;
	color: white;
	display: block;
	padding: 15px;
	margin: 15px;
}

span.info
{
	display: block;
	margin-bottom: 15px;
}

span.bold
{
	font-weight: bold;
}

div.pages
{
	text-align: center;
}

div.pages ul
{
	margin-left: 0px
}

/* Defentely used styles */
.column ul
{
	margin: 0px;
	padding: 15px;
	color: #c7c7c7;
}

.column .links
{
	text-align: right;
}

div.tabs ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.padder 
{
	padding: 0px;
}

div.tabs li
{
	display: inline;
	background-color: #FFFFFF;
	width: 100px;
	margin: 0px 3px 0px 0px;
	padding: 6px 10px;
	font-size: 15px;
}

div.tabs li.current
{
	border-top: 1px solid #ff3309;
	font-size: 15px;
	font-weight: bold;
}

div.tabs a
{
	color: #000000;
}

div.archive
{
	background-color: #cccccc;
	padding: 25px;
}

div.archive img.number
{
	float: left;
}

div.archive h4
{
	padding: 0px;
	margin: 0px;
}

div.archive div.info
{
	float: left;
	padding: 4px 20px;
	font-size: 16px;
	width: 380px;
}

div.archive div.info div.small
{
	font-size: 14px;
}

div.archive hr
{
	margin: 20px 0px;
}

h3.step1
{
	background: url('imgs/btns/label_1.png') no-repeat;
	line-height: 27px;
	padding-left: 40px;
}

h3.step2
{
        background: url('imgs/btns/label_2.png') no-repeat;
	line-height: 27px;
        padding-left: 40px;
}

.page .buttons 
{
	text-align: right;
}

.recent h2 a
{
	color: #000000;
}

.recent h3 a
{
	color: #52aa5c;
        font-size: 16px;
        margin: 10px 0px;
        padding: 0px;
}

.userbox 
{
	padding: 7px 5px;
	background: #bababa;
}

.userbox .buddyicon
{
	width: 80px;
	height: 80px;
	margin-right: 15px;
}

.userbox .links
{
	font-weight: normal;
	padding-left: 5px;
}

.userbox .links a
{
	color: #000000;
	text-decoration: underline;
}

.userbox .left
{
	font-weight: bold;
}

.userbox .right
{
	width: 165px;
}

.vote 
{
	width: 300px;
	padding: 5px;
	margin: 0px 3px 10px 3px;
	float: left;
}

.vote h4
{
	margin-bottom: 3px;
}

.vote h4 a
{
	color: #000000;
}

.vote .links
{
	text-align: left;
}

.change
{
	font-size: 12px;
}

.archive .user
{
	float: left;
	width: 120px;
	margin-bottom: 20px;
}

.adminlinks 
{
	text-align: right;
	font-size: 10px;
}

.adminlinks a
{
	color: #888888;
}

.userview .tags
{
	margin: 8px;
}

.video
{
	position: relative;
	border: 1px solid red;
	width: 130px;
	height: 97px;
}

.video img
{
	float: none;
}

.video .sign
{
	width: 40px;
	height: 40px;
	margin-top: 35px;
	left: 0px;
	position: absolute;
	background: url('imgs/btns/btn_play.png') no-repeat;
}

/***********************Cuadro negro... con bordes redondos para login y service_demo********************************/
div.box_general
{
	background: url('imgs/box_tile.gif') repeat-y top left;
	width: 318px;
}

div.box_top
{
	width: 318px;
	background: url('imgs/box_top.gif') no-repeat top left;
}

div.box_bottom
{
	padding: 15px 18px 12px 20px;
	width: 280px;
	background: url('imgs/box_bottom.gif') no-repeat bottom left;
	min-height:150px;
	height:auto !important;
	height:155px;
}

div.box_bottom_faq
{
	/*Altura de la capa...NOS PREGUNTAN... height*/
	padding: 15px 18px 12px 20px;
	width: 280px;
	background: url('imgs/box_bottom.gif') no-repeat bottom left;
	min-height:170px;
	height:auto !important;
	height:175px;
}


div.column_group_right h2
{
	text-align: left;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 15px;
	padding-top: 6px;
}

div.column_home_right_bottom a:link,div.column_home_right_bottom  a:visited,div.column_home_right_bottom a:active 
{
	color: #47c03a;
}

div.column_home_right_bottom a:hover
{
	text-decoration: underline;
}

.matrix-table  {width: 100%;}
.matrix-table td {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
}
.matrix-table td.header {
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: left;
	background-color: #333333;
	color:#848484;
}
.matrix-table td.date {width: 140px;}
.matrix-table td.ops {width: 90px;}
.matrix-table td.check {width: 20px;} /*Esta la puse 19-Octubre-2007*/
.matrix-table td.category {padding-top:8px;padding-bottom:8px;text-align:left;color:white;}

.action_list_groups{
	margin: 10px 0px 10px 20px;
	color: #dcdcdc;
}

.card
{
	background-color: #878787; 
	border: #666666;
	border-style: dotted; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
}


.genen
{
	clear:both;
}



.image
{

	/*Checar esta clase para imagenes*/
	font-variant:small-caps;

	font-weight:bold;
	color:#B4B4B4;
	font-size:10pt;
	text-align:justify;	
	float:left;

}


.link_right
{
	font-weight:bold;
	color:#B4B4B4;
	font-size:10px;
	text-align:justify;
	font-variant:small-caps;
	letter-spacing:2px;
	float:right;
	clear:both;
}

.link_left
{
	font-weight:bold;
	color:white;
	font-size:10px;
	text-align:justify;
	font-variant:small-caps;
	float:left;
	clear:both;
}

.complete
{
	font-variant:small-caps;
	font-weight:bold;
	color:#C9C9C9;
	font-size:10pt;
	text-align:justify;	
	float:left;
}

.complete2
{
	font-variant:small-caps;
	font-weight:bold;
	color:#C9C9C9;
	font-size:10pt;
	text-align:justify;	
	/*float:left;*/
}

.content
{
	/*background-color:#663300;*/
	font-weight:bold;
	color:#C9C9C9;
	font-size:14pt;
	text-align:left;
}

.margin_login p
{
	color: #c7c7c7;
	line-height: 19px;
}

.margin_view
{
	padding-top:5%;
	padding-right:25%;
	padding-bottom:5%;
	padding-left:25%;
}

.reset_left
{
	font-size: 11px;
	font-family: Verdana;
	float: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 160px;
}


.left_user
{
	font-size: 11px;
	font-family: Verdana;
	float: left;
	padding-top: 10px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.login_buton_right
{
	float: right;
	padding-top: 0px;
	padding-right: 45px;
	padding-bottom: 0px;
	padding-left: 0px;

}



.reset_buton_right
{
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 140px;
}



.label_login
{
	color:#DCDCDC;
	text-align: right;
	font-size:10pt;
	
}


.label_reset
{
	color:#DCDCDC;
	text-align: right;
	font-size:10pt;
	
}

.title_message
{
	color:#DCDCDC;
	font-size:10pt;

}

.title_view
{
	color:#DCDCDC;
	font-size:10pt;


}



.titles
{
	font-weight:bold;
	color:#E0E0E0;
	font-size:12px;
	text-align:justify;
	font-variant:small-caps;
	letter-spacing:2px;
	text-indent:10px;
	background-color:#A9A9A9;
	clear:both;
}

.client_logged {
	width: 300px;
	font-family: arial;
	font-size: 12px;
	padding-left: 30px;
	margin-top: 8px;
	float: right;
	color: white;
	text-decoration: none;/*esta linea es por que Ie me sacaba una linea....*/
	text-align: right;
	padding-right: 20px;
}

.client_logged_red {color: red;}
.buycredits {color:#B2CF00;}

.check2
{
	font-variant:small-caps;
	font-weight:bold;
	color:#333333;
	font-size:10pt;
	text-align:justify;	
	float:left;
	width:25%;
	/*clear:both;*/
}


.label_filter_left
{
	text-align:right;
	width:65px;
	float:left;
}

.label_filter_left_campaigns
{
	text-align:right;
	width:90px;
	float:left;
}

.label_filter_right
{
	text-align:right;
	width:100px;
	float:left;
}

.label_filter_right_m
{
	text-align:right;
	width:70px;
	float:left;
}

.label_width
{
	text-align:right;
	/*width:22%;*/
	width:120px;
	float:left;
}

.label_width_limit
{
	/*text-align:left;*/
	text-align:left;
	width:40px;
	/*float:right;*/
	color:#8b8b8b;
}

div.chars_right
{
	text-align:right;
}

div.char_right
{
	/*Esta capa es para pasar del lado derecho a label que muestra "chars" y el input que lleva el "conteo de carateres" que se introducen*/
	text-align:right;
	padding-right: 13px;
}

.butons_right
{
	float:right;
	padding: 0px 0px 0px 0px;
}

.link_header_list
{
	font-size: 10px;
	font-family: Verdana;
	color:#ff3300;
	padding-top: 8px;
	padding-left: 5px;
	padding-right: 0px;
}

.link_header_list a:link, .link_header_list a:visited, .link_header_list a:active, .link_header_list a:hover
{
	color: #ff3300;
	font-weight: normal;
	font-size: 7pt;
}


.link_cancel_add
{
	font-size: 10px;
	font-family: Verdana;
	color:#134a9e;
	padding-top: 15px;
	padding-left: 0px;
	padding-right: 0px;
}

.link_cancel_add a:link, .link_cancel_add a:visited, .link_cancel_add a:active, .link_cancel_add a:hover
{
	color: #ff3300;
	font-weight: normal;
	font-size: 7pt;
}

.helpbox_imgs
{
	padding: 7px 10px 10px 10px;
	float: left;
	margin-top:17px;
}

.helpbox {
	border: 0px solid #ddd;
	padding:12px;
	background: url('imgs/bg_fondo.png') repeat-x top left;
	margin-top:17px;
	font-family:verdana;
}
.helpbox h3 {color:#ff3300;margin-bottom:5px;}
.helpbox p {
	margin:0px 0px 0px 0px;
	color: white;
	font-family: arial;
	/*font-size: 17pt;*/
	}


.ops_list {text-align:center;font-size:11px;padding:0px 0px 0px 0px; color: #666666; font-weight: bold;}

.tos {width:650px;color:#fff;}
.tos .terms {margin-bottom:7px;border:1px solid #ccc;background-color:#fff; color:#444;width:633px;height:260px;overflow-x:auto;padding:6px;}
.tos .terms h1 {display:none;}
.tos .terms h2 {color:#222;font-size:13px;font-weight:bold;}
.tos .submit {width:200px;float:right;text-align:right;}
.tos .submit input {width:auto;}

#pagination {text-align: left;margin-top: 8px;font-size: 12px;	color: #a6a6a6;padding:10px;}
#pagination a, #pagination a:active, #pagination a:link, #pagination a:visited, #pagination a:hover {border:1px solid #a6a6a6;color:#FF3300;padding:1px 6px;font-size:12px;}
#pagination a:hover {color: #ffffff; background-color: #a6a6a6; text-decoration: none;}
#pagination em {	color: red; font-weight: bold; padding: 1px 6px; font-style: normal;}
#pagination .right a {border:0px;padding:1px 2px;}

#footer {
	margin-top:25px;
	padding:5px 10px 150px 10px;
    background-color:#fff;
	color:#8b8b8b;
	font-size:13px;
	text-align:center;
}
#footer .data {width:500px;}
#footer img {margin-top:8px;margin-bottom:15px;}
#footer a:link, #footer a:visited, #footer a:active, #footer a:hover {color:#222;}
#footer a:hover {text-decoration:underline;}
#footer .copy {font-size:11px;text-align:center;}