/* Page Structure Styles
----------------------------------------------- */

body {
	background: #fff;
	font: normal 13px Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	text-align: 
}

#container {
	background: #FFFFFF;
	margin: 0 auto;
	width: 900px;
}

#content {
	position: relative;
	margin: 0;
	padding: 15px;
	border: solid 1px #ddd;
	border-top: 0;
	overflow: auto;
}

#footer {
	background: #eee;
	padding: 7px 15px;
	font-size: 11px;
	border: solid 1px #ddd;
	border-top: 0;
}


/* STYLE LIST ADD ----------------------------*/
#content-add {
	background: #fff;
	position: relative;
	margin: 0;
	padding: 15px;
	border: solid 1px #ddd;
	border-top: 0;

	}
	#content-add em { color: #CC0000; }
	#content-add select { width: 220px; font: normal 13px Verdana, Arial, Helvetica, sans-serif; }
	#content-add td { border-bottom: dotted 1px #ccc; line-height: 18px; }
	#content-add textarea { font: normal 13px Verdana, Arial, Helvetica, sans-serif; width: 350px; height: 100px; }

.check-dos {
	float: left;
	width: 32%;
	margin: 3px 0;
}
/* Navigation Styles
----------------------------------------------- */

#navigation {
	background: #fff;
	line-height: 25px; 
	border-bottom: solid 1px #ddd;
}

#navigation ul {
	margin: 0 0 0 15px;
	padding: 0; /* Modified for IE 7 */
	list-style-type: none;
}

#navigation ul li {
	display: inline;
}

#navigation li a {
	margin: 0;
	padding: 5px 15px;
	text-decoration: none;
	font: bold 14px Arial, Helvetica, sans-serif;	
}

#primary {
	position: relative;
	margin: 0;
	padding: 10px 0 0;
	border-bottom: solid 1px #ddd;
}

#primary li a { border: solid 1px #ddd;  }

#primary a.current, #primary a.current:hover, #primary a:hover {
	background: #eee;
	border: 1px solid #ddd; 
	border-bottom: 0;
}

#secondary {
	background: #eee;
	position: relative;
	margin: 0;
	padding: 10px 0 0;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
}

#secondary li a {
	border: 0;
	font: bold 13px Arial, Helvetica, sans-serif;
	border: dotted 1px #eee;
	border-bottom: 0;	
}

#secondary a.current, #secondary a.current:hover, #secondary a:hover {
	background: #fff;
	border: solid 1px #ddd;
	border-bottom: 0;
}


/* PREGUNTAS  Y RESPUESTAS ------------------------------ */
#radio-resp {
	float: left;
	padding: 5px;
	height: 100%;
	overflow: auto;
	margin: 0 5px 0 0;
	}

#visitante {
	background: #f6f6f6;
	padding: 5px;
	margin: 10px 0 0 0;
	}
	#bo-ap { float: left; }
	#visitante img { float: right; }
	#visitante i { position: relative; left: 550px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; }
	#visitante p { margin-top: 2px; padding: 5px 0 0 35px; }
	
#respuesta	{
	background: #D3F5BC;
	padding: 5px 5px 5px 40px;
	}


/* General Content Styles
----------------------------------------------- */

h1 {
	margin: 0;
	padding: 0 0 8px;
	font: bold 16px arial, verdana, sans-serif;
}

hr {
	margin: 10px 0 !important; /* IE Sucks */
	margin: 0;
	padding: 0;
	height: 1px;
	border: 0;
	border-bottom: 1px solid #eee;
}

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



/* Message Styles
----------------------------------------------- */

#msg-error {
	background: #FEF1F1;
	margin: 10px 0;
	padding: 5px 10px;
	line-height: 19px;
	border: solid 1px #FF3E43;
}

#msg-success {
	background: #E0FEE2;
	border: solid 1px #379F1A;
	margin: 10px 0;
	padding: 5px 10px;
}

#msg-alert {
	background: #FFFFCC;
	border: solid 1px #FFCC00;
	margin: 10px 0;
	padding: 5px 10px;
}

span.success, span.alert, span.error {
	padding: 1px 3px;
	
	color: #fff;
	font-weight: bold;
	
	background: #393;
}

span.alert {
	background: #f60;
}

span.error {
	background: #c00;
}



/* GLOBALES
----------------------------------------------- */
a {	color: #003399; }
a:hover { color: #FF0000; }

img { border: 0; }

form { margin: 0; padding: 0; }

#pages div#links a {
	background: #eee;
	padding: 1px 3px;
	text-decoration: none;
	border: solid 1px #ddd;
}

#pages div#links, #pages div#links a.current {
	background: #fff;
	border: 0;
	padding: 1px 3px;
	color: #333;
	text-decoration: none;
}

/* Table Styles
----------------------------------------------- */

th, td { padding: 5px; }

th { padding: 3px 5px; }

tr.alt { background: #f6f6f6; }

/* Page Link Styles
----------------------------------------------- */

#pages {
	margin: 5px 0;
	padding: 5px 0;
	}

#pages div#links {
	float: right;
}

/* Stats Graphs Styles
----------------------------------------------- */

table.graph {
	margin: 5px 0;
	border: 1px solid #ddd;
}

table.graph td, table.graph th {
	padding: 4px 0;
}

table.graph td.label {
	font: bold 10px verdana, arial;
	background: #369;
	color: #fff;	
}

table.graph td.label2 {
	background: #369;
	font: normal 9px verdana, arial;
	color: #fff;	
}



/* Color Options Styles
----------------------------------------------- 

div.preview {
	margin: 0 15px;
	width: 50px;
	height: 22px;
	
	background: #e2e2e2;
}
*/


/* Sign In and Setup Wizard Page Styles
----------------------------------------------- */

#sign_container, #setup_container {
	background: #eee;
	border: solid 1px #ddd;
	margin: 100px auto 10px auto;
	padding: 5px;
	width: 450px;
	text-align: center;
}

#setup_container {
	margin: 0 auto;
	width: 590px;
}

#sign_header, #setup_header {
	position: relative;
	padding: 5px;
	font-size: 11px;
	line-height: 11px;
}

#sign_content, #setup_content {
	background: #fff;
	border: solid 1px #ddd;
	padding: 15px;
	text-align: left;
	margin: 5px;
	}
	#sign_content td { margin: 0 10px; }

#sign_footer, #setup_footer {
	padding: 7px 0 2px;
	font-size: 11px;
}

#sign_form, #setup_form {
	position: relative;
	
	margin: 0;
	padding: 0;
}

#sign_form td, #setup_form td {
	padding: 4px 0;
	font-size: 12px;
}