/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, font, img,
ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline
}

:focus {
    outline: 0
}

ol, ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
    content: ""
}

blockquote, q {
    quotes: "" ""
}

input, textarea {
	margin: 0;
	padding: 0
}

hr {
	margin: 0;
	padding: 0;
	border: 0;
	color: #000;
	background-color: #000;
	height: 1px
}

.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.center { text-align: center;}


/* GENERAL */

body {
	font-family: Arial;
	color:#151314;
	font-size:12px;
	line-height:1.3em;
}

p {
	margin-bottom: 10px;
}
strong {
	font-weight:bold;
}

a {
	text-decoration: none;
	color:#151314;
}
a:hover {
	text-decoration: underline;
}

.clear {
	clear:both;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.hidden {
	display: none;
}
#interview-content .wrapper {
	width: 940px;
	margin: 0 auto;
}
a.addthis_button img {
	width: 0px;
	height: 0px;
	float: right;
}
.left{float: left;}
.right{float: right;}


/* Dilmot INTERVIEW */

#interview #container , #interview #dilmot-container {
	margin: 0 auto;
	width: 940px;
}
#interview #left {
	width: 700px;
	float: left;
}
#interview #header {
	height: 80px;
	width: 940px;
	position: relative;
	border-top-left-radius: 10px;  
	-moz-border-radius-topleft: 10px;  
	-webkit-border-top-left-radius: 10px; 
	border-bottom-right-radius: 10px;  
	-moz-border-radius-bottomright: 10px;  
	-webkit-border-bottom-right-radius: 10px; 
	background: #dedede;
	margin-top: 20px;
	margin-bottom: 20px;
}

#interview #header img { margin: 15px; position: relative; z-index: 1;}

#interview #header h3 {
	font-size: 24px;
	position: relative;
	left: 10px;
	top: 16px;
	color:#151314;
	line-height: 25px;
}

#interview #header h3 small {
	font-size: 18px;
}

#interview a.button {
	font-weight: bold;
	font-size: 11px;
	color: white;
	padding: 5px 7px 4px 7px;
}
#interview a.button,
#interview a.icon {
	padding-left: 30px;
	background: no-repeat 5px center;
	height: 15px;
	display: block;
}
#interview #header a.button {
	border-radius: 4px;  
	-moz-border-radius: 4px;  
	-webkit-border-radius: 4px; 
	position: absolute;
	right: 15px;
	background-color: #888;
	padding-left: 7px;
	top: 27px;
}
#interview #menu {
	height: 25px;
	padding: 5px;
	/*background: url(../images/logo-dilmot-gray.png) 605px 8px no-repeat #dedede;*/
	background: #dedede;
	border-bottom: 1px dashed #777;
	border-top-left-radius: 4px;  
	-moz-border-radius-topleft: 4px;  
	-webkit-border-top-left-radius: 4px;
	border-top-right-radius: 4px;  
	-moz-border-radius-topright: 4px;  
	-webkit-border-top-right-radius: 4px;
}
#interview #menu a.button {
	border-top-left-radius: 4px;  
	-moz-border-radius-topleft: 4px;  
	-webkit-border-top-left-radius: 4px; 
	border-bottom-right-radius: 4px;  
	-moz-border-radius-bottomright: 4px;  
	-webkit-border-bottom-right-radius: 4px; 
}
#interview #menu a.button {
	background-color: #888;
	float: left;
	margin-right: 5px;
}
#interview #menu a.button.live {
	background-image: url(../images/icon-live-transp.png);
}
#interview #menu a.button.ask {
	background-image: url(../images/icon-ask-transp.png);
}
#interview #menu a.button.pending {
	background-image: url(../images/icon-pending-transp.png);
}
#interview #menu a.button.share {
	background-image: url(../images/icon-share-transp.png);
}
#interview #menu li.active a.button {
	background-color: #3a3a3a;
}
#interview #menu li.active a.button.live {
	background-color: #d60000;
}



/* BUBBLES */

div.bubble {
	width: auto;
	margin-bottom: 24px;
	font-size: 14px;
	border-bottom: 1px dotted #dedede;
}

div.question blockquote {
	margin: 10px 0px 0px 50px;
	padding: 0px;
	border: 2px solid #dedede;
	background-color: white;
	border-radius: 10px;  
	-ms-border-radius: 10px;  
	-moz-border-radius: 10px;  
	-webkit-border-radius: 10px;  
	-khtml-border-radius: 10px; 
}

div.question blockquote p {
	margin: 10px;
	padding: 0px;
}

div.question cite {
	position: relative;
	margin: 0px;
	padding: 7px 0px 0px 482px;
	top: 5px;
	background: transparent url(../images/bubbles/tip3.gif) no-repeat 500px 0;
	font-style: normal;
}

.answer {
	width: 540px;
	margin-left:160px;
	margin-top: -100px;
}

div.answer blockquote {
	margin: 0px 50px 0px 5px;
	padding: 0px;
	border: 2px solid #dedede;
	background-color: #fff;
	-ms-border-radius: 10px;  
	-moz-border-radius: 10px;  
	-webkit-border-radius: 10px;  
	-khtml-border-radius: 10px; 
}

div.answer blockquote p {
	margin: 10px;
	padding: 0px;
}

div.answer a { color:#d60000;}
div.answer_fix a { color:#d60000;}

div.answer cite {
	position: relative;
	margin:0px;
	padding: 22px 0px 0px 15px;
	top: 0px;
	background: transparent url(../images/bubbles/tip2.gif) no-repeat 0px 0;
	font-style: normal;
}
.question_meta {
	width: 110px;
	margin-left: 40px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}
.question_meta a {
	color: #d60000; 
	font-weight: bold;
}
.author_url{
	color: #d60000; 
	font-weight: bold;
}
.question_meta .answer_date {
	color: #7c7c7c;
	font-size: 11px;
	font-weight: normal;
}
.question_number { 
	color: #d60000; 
	font-size: 21px;
	font-weight: bold;
	float: left;
	width: 55px;
}

.social_icons { 
	font-size: 11px; 
	padding: 0 9px; 
	background: #3a3a3a; 
	position: absolute;
	top: -38px;
	left: 98px;
	color: white;
	font-family: Arial;
	font-size: 11px;
	-moz-border-radius:6px;
}
.social_icons span {
	float: left;
	display: block;
	margin-right: 5px;
	font-weight: bold;
	padding-top: 6px;
}
#interview .social_icons .icon {
	display: block;
	height: 29px;
	text-indent: -50000px;
	background-position: left;
	background-repeat: no-repeat;
	float: left;
	padding-left: 0;
}
#interview .social_icons .icon.twitter {
	background-image: url(../images/icon-share-twitter.png);
	width: 77px;
}
#interview .social_icons .icon.facebook {
	background-image: url(../images/icon-share-facebook.png);
	width: 83px;
}

.question_text{width:400px;}


/* SEND */
#interview .form {
	/*padding: 15px 15px 0 15px;*/
}

#interview input.input_text,
#interview textarea {
	color: gray;
	border: 0;
	width: 600px;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial;
	padding: 10px;
	width: 97%
}

#interview input.input_text:focus,
#interview textarea:focus {
color: black;
}


#interview #enviar textarea {
	height: 50px;
}

#enviar{padding-top: 15px;}

input:focus,
textarea:focus {
  outline: none;
}

#interview input.submit {
	background-color: #d60000;
	border: 0;
	color: white;
	font-size: 14px;
	text-transform: uppercase;
	border-radius: 4px;  
	-moz-border-radius: 4px;  
	-webkit-border-radius: 4px;
	padding: 8px 80px;
	float: right;
	font-family: Arial;
	cursor: pointer;
	font-weight: bold;
}

#interview p.rules {
	font-size: 11px;
}

/* SIDEBAR */


#interview #sidebar {
	width: 220px;
	float: left;
	margin-left: 20px;
}
#interview #sidebar .module {
	background-color: #ebebeb;
	margin-bottom: 30px;
}
#interview #sidebar .content {
	padding: 15px;
	font-size: 11px;
}
#interview #sidebar .content strong {
	color: #004d6d;
	font-weight: bold;
	text-transform: uppercase;
}
#interview #sidebar .content .icon.info {
	background-image: url(../images/icon-info-blue.gif);
	background-position: 0 center;
	padding-left: 25px;
	color: #004d6d;
	font-weight: bold;
	text-transform: uppercase;
}
#sidebar h2.heading {
	font-family: Georgia;
	font-size: 18px;
	text-transform: lowercase;
	border-bottom: 6px solid #dedede;
	padding-bottom: 25px;
	margin-bottom: 10px;
}
#sidebar .widget {
	margin-bottom: 30px;
}
#sidebar .widget.tags a {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
background-color:#DEDEDE;
float:left;
font-size:12px;
font-weight:bold;
margin-bottom:5px;
margin-right:3px;
padding:4px 7px;
}
#sidebar .widget.tags a:hover {
	background-color: #3d3d3d;
	text-decoration: none;
	color: white;
}

#interview-content #sidebar img { max-width: 220px;}
#sidebar .img_media {max-height: 150px;}

/* FOOTER */
#menu-bottom li {
	float: left;
	margin: 25px 20px 0 0;
}
#menu-bottom li a {
	font-weight: bold;
}
#interview-content #footer {
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
	background: url(../images/logo-interview.png) 30px 30px #dedede no-repeat;
	color:#888;
	height: 105px;
	margin-top: 15px;
	margin-bottom: 30px;
	margin-top: 30px;
}
#interview-content #footer h3,
#interview-content #footer p {
	text-shadow: 1px 1px 1px white;
}
#interview-content #footer h3 {
	font-size: 18px;
}
#interview-content #footer p {
	font-size: 14px;
}
#interview-content #footer h3,
#interview-content #footer p {
	font-family: Arial, sans-serif;
	margin-bottom: 20px;
}
#interview-content #footer h3 {
	font-size: 18px;
	margin-bottom: 15px;
	font-weight: bold;
}
#interview-content #footer .col {
	float: left;
	width: 250px;
	padding: 15px 10px;
}
#interview-content #footer .col.left {
	margin-left: 150px;
	width: 205px;
}
#interview-content #footer .col.right .social a img {
	opacity: .8;
	margin-right: 20px;
}
#interview-content #footer .col.right .social a:hover img {
	opacity: 1;
}
#interview-content #footer .col li a {
	font-size: 14px;
	text-transform: lowercase;
}
#interview-content #footer .col li {
	margin-bottom: 7px;
}
#interview-content #footer .col .social {
	margin-top: 30px;
}

/*#footer {
	clear: both;
	height: 20px;
	margin-top: 30px;
	background-color: #dedede;
	padding: 20px;
	font-size: 10px;
	color: #888;
	margin-bottom: 20px;
	width: 900px;
}

#footer .powered {
	margin-top: 0;
	}

#footer .powered a{
	float: right;
	width: 120px;
	height: 24px;
	background-image: url(../images/logo-dilmot-powered.png);
	background-position: top right;
	background-repeat: no-repeat;
}
#footer .powered a:hover{
	background-position: bottom right;
}
#footer a {
	color: #dedede;
}
#footer a:hover {
	text-decoration: none;
}*/

#fb_message, .big_message {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
border:5px solid #DEDEDE;
margin:1em 0 1.5em;
padding:15px;
position:relative;
font-size: 16px;
line-height: 24px;}

.message_not_started {
margin:1em 0 1.5em;
padding:15px;
position:relative;
font-size: 20px;
line-height: 28px;
}

.welcome_message, .goodbye_message {
	background: #EBEBEB;
}

.boton_reenviar {-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px; background: #dedede; color: black; font-size: 24px; padding: 10px;}

.boton_reenviar:hover {-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px; background: #3d3d3d; color: #dedede; font-size: 24px; padding: 10px; cursor: pointer; text-decoration: none;}

#respondidas img, #pendientes img {/*padding:25px;*/ text-align:center;}
#network_status { background: #D60000;
color:white;
font-weight:bold;
padding:5px;
position:absolute;
right:10px;
top:0;}

#language_selector a.button {
	font-weight: bold;
	font-size: 11px;
	color: white;
	padding: 5px 7px 4px 7px;
	border-radius: 4px;  
	-moz-border-radius: 4px;  
	-webkit-border-radius: 4px; 
	background-color: #888;
	margin-bottom: 10px;
}

.typing_answer {
	font-weight: bold;
	font-size: 16px;
	color: #D60000;
}

.date {font-weight: bold; background: yellow;}
#user-info { display: none; text-align: center; font-weight: bold; margin-bottom: 5px;}
#user-pic { display: none; text-align: center;}
	#user-pic img {max-width: 75px; border: 1px solid white; }
	
button {
	background: #5F78AB;
    color: #FFFFFF;
    padding: 5px;
    font-weight: bold;
    border: 1px solid #5F78AB;
}

.label_form{
	font-size: 18px;
}

.label_form small {font-size: 11px; font-weight: bold;}

.input_side{}

.loading_tabs {margin: 50px auto 0 300px;}
.user_img { width: 120px; height:40px; text-align: center;}
.user_img_pendiente { width: 120px; height:40px; text-align: center; margin-left: 30px;}

#fb_login_form { }
#fb_login_form a { }
#fb_login_form a:hover {text-decoration: none;}
#fb_login_form img { margin-left: 5px; vertical-align: middle; }
.fb_logged_in_input , .tw_logged_in_input {padding-left: 35px !important; background-repeat: no-repeat; background-position: 5px; width: 93% !important; }
.fb_logged_in_input {background-image:url("../images/fb.png");}
.tw_logged_in_input {background-image:url("../images/tw.png");}
#pending_questions { padding: 15px; margin-bottom: 100px; margin-top: 10px;}

#pending_questions a {
	font-size: 14px;
	padding: 5px;
	margin:10px
	clear:both;
	/*border:5px solid #dedede;	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;*/
}

.disconnect, .login {text-align: center;}
.disconnect img, .login img {margin: 10px 0px 0px 25px;}

.logo_menu_bar { float: right; margin-top: 3px;}

.social_public_share {
	font-size: 11px;
	float: right;
}

.social_public_share img {
	vertical-align: middle;
}

.linkedin-share {
	display:block;
	float:left;
	width:22px;
	height:22px;
    background-image: url(../images/linkedin.png);
}

.linkedin-share:hover {
    background-position-y: -22px;
}

.fb_btn , .tw_btn {
    float:left;
	width:150px; 
	height:19px; 
	font-family:Arial; 
	font-size:11px; 
	padding-left:30px; 
	padding-top:3px; 
	text-decoration:none; 
	font-weight:bold;
	margin-right:20px;
}

.fb_btn {background:url(../images/facebook_signin.png) top left no-repeat; color:white; }
.tw_btn {background:url(../images/twitter_signin.png) top left no-repeat; color:#3d82a7; }
.fb_btn:hover , .tw_btn:hover {background-position-y:-24px;}