/* CSS File			*/
/* Version: 	01		*/
/* Created at: 	HBfx Studio	*/
/* Author: 	Eros Nicolau	*/

/*

Most Recent Alterations
*/
.home .r-col { line-height: 24px; }
.home .r-col div { display: inline; font-style: italic; color: #999; }
.home .r-col a { font-weight: bold; color: #000; display: inline !important; }
.home .r-col a:hover { font-weight: bold; color: #f00; }
.home .daily { width: 400px !important; padding-bottom: 15px !important; }

/*

Tag redefines
*/
html, body { margin: 0px; padding: 0px; height: 100%; width: 100%; }
body { behavior:url("css/csshover.htc"); font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #424242; position: relative; }
div { margin: auto; height: auto; }
form { margin: 0px; padding: 0px; }
a img { border: none 0px; }
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; }
/*

Link styles
*/
a { text-decoration: none; color: #F00; }
a:hover { color: #000; }
/*

Holder styles
*/
.holder2 { width: 100%; }
.holder1 { text-align: center; margin-left: auto; margin-right: auto; width: 100%px; }
.holder { text-align: left; margin: 0px; padding: 0px; border: none; *width:100%;
}
/*

Header styles
*/
.header .holder { }
.header .languages { }
.iphone_2 { }
.iphone_2 img { width: 58px; height: 109px; background-image: url(/img/iPhone.jpg); }

.iphone { position: absolute; left: 0px; top: 0px;}
.iphone img { width: 200px; height: 201px; background-image: url(/img/iPhone_badge.jpg); }

.logo { width: 728px; text-align: center; font-size: 11px; padding: 20px 0px 20px 0px; }
.logo a { color: #000; }
.logo a:hover { color: #F00; }
.home .logo img { background-image: url(../img/home_logo.jpg); background-repeat: no-repeat; background-position: center center; height: 116px; width: 160px; }

.addthis { }
.facebook_fanbox { width: 200px; }
.fb_like { text-align: right; position: absolute; top: 0px; right: 0px; }
.fb_share { text-align: right; position: absolute; top: 2px; right: 0px; }
.twitter { }

.google_ad_728x90, .google_ad_200x90 { padding: 10px; border: solid 1px #F00; }

.google_ad_234x60 { margin-top: 15px; }
.google_ad_728x90 { }
.google_ad_728x15 { margin-bottom: 10px;  }
.google_ad_300x250 { margin-top: 15px; }
.google_ad_160x600 { position: absolute; left: 0px; top: 310px; }
.google_ad_200x90 { }
/*

Main area styles
*/
.area .holder { }
.l-col, .m-col, .r-col { }
.l-col { }
.m-col { }
.r-col { }

.l-col-big { float: left; width: 75%; }
.r-col-big { float: left; width: 25%; }
.l-col-big .container { width: 750px; margin: auto; position: relative; }
.r-col-big .container { width: 222px; margin: auto; position: relative; padding-top: 150px; }

.home .daily { width: 800px; padding-bottom: 24px; }
.home .l-col { float: left; width: 55px; padding-left: 235px; text-align: center; }
.home .l-col .month { font-size: 12px; font-weight: bold; color: #000; }
.home .l-col .day { font-size: 26px; font-weight: bold; color: #F00; line-height: 18px; padding-top: 1px; }
.home .l-col .year { font-size: 10px; color: #000; }
.home .r-col { float: left; width: 510px; }
.home .r-col a { display: block; color: #424242; }
.home .r-col a:hover, .home .r-col a:visited { color: #F00; }
.content h1 { font-size: 24px; color: #F00; }
.content .logo { font-size: 11px; padding: 20px 0px 20px 0px; }
.content .logo img { background-image: url(../img/content_logo.jpg); background-repeat: no-repeat; background-position: center center; height: 100px; width: 160px; }
.content .content_holder { text-align: center; margin: auto; width:400px; position: relative; }
.content .content_holder td { border: 1px solid #F00; padding: 10px; width: 1px; position: relative; }
.content .holder { text-align: center; position: relative; float: left; width: 750px; }
.navigation { line-height: 30px; font-size: 15px; font-weight: bold; }
.navigation a { display: block; color: #000; }
.navigation a:hover { color: #f00; }
.left { float: left; }
.right { float: right; }
.left a { display: block; xtext-align: left; background-image: url(../img/go_left.gif); background-repeat: no-repeat; background-position: left center; padding: 15px 0px 15px 20px; }
.right a { display: block; text-align: right; background-image: url(../img/go_right.gif); background-repeat: no-repeat; background-position: right center; padding: 15px 20px 15px 0px; }
.also_liked img, .latest_picks { padding: 10px; border: solid 1px #F00; }
.latest_picks { padding: 10px 0px; }
.text_728 { width: 728px; text-align: left; color: #F00; font-size: 12px; }

.twoleep, .twoleep td { padding: 0px !important; }
.mgid, .mgid td, .mgid img { padding: 0px !important; margin: 0px !important; } 

.facebook_fanbox { margin: 0px !important; }


/*

Footer styles
*/
.footer .holder { text-align: center; color: #F00; font-size: 11px; padding: 20px; }
.footer .credits { }
/*

Main Menu styles
*/
.menu { }
.menu a { }
.menu a:hover, .menu .selected { }
/* 

Misc. styles
*/
.the_content { }
.the_title { margin: -60px auto 0px auto; }
.the_title td { padding: 0px; margin: 0px; width: 400px; height: 90px; text-align: center; vertical-align: middle; }
.source { }


/* IE 6 and below hacks		*/
*html a { }
/* IE 7 only hacks		*/
*:first-child+html a { }
/* Opera 9 and below hacks	*/
html:first-child a { }
/* Safari and Opera hacks	*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
a {
}
}
/* HR Styling hacks		*/
/* IE				*/
hr { height: 1px; color: #d5d8d8; border: none; }
/* Gecko-based browsers		*/
html>body hr { height: 1px; background-color: #d5d8d8; border: none; }
/* Opera & Gecko-based browsers	*/
html>body hr { height: 1px; background-color: #d5d8d8; border: 0px solid #d5d8d8; }
/* clearfix			*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
* html .clearfix { height: 1%; }
/* End hide from IE Mac */


/* -------- ADDED STYLES ---------------- */

#navArchive {width: 270px; margin:auto; }
#navArchive .prev {float:left; text-align:left; width:auto; padding-left:20px}
#navArchive .next {float:left; text-align:right; width:auto}
#navArchive .prev a { font-weight: bold; display: block; color: #000; background: url(../img/go_left_archives.gif) no-repeat left center; padding: 10px 30px 10px 20px;}
#navArchive .next a { font-weight: bold; display: block; color: #000; background: url(../img/go_right_archives.gif) no-repeat right center; padding: 10px 20px 10px 20px;}
#navArchive a:hover { color: #f00; }

/* -------- source link ------------------------ */
.source a:link, .source a:visited, .source a:active { text-decoration: none; color: #F00; }
.source a:hover { color: #F00; }

/* ------------- Form styles -------------------------- */
form table {
	width: 500px;
	margin:auto;
	text-align:left;
	border-collapse:collapse;
}
form table td {
	padding:2px 5px;
	vertical-align:top;
}
form table td label span {
	color: #FF0000;  /* for mandatory fields *'s */ 
}
span.small { /* field explanations */
	font-size: 10px;
}
input, textarea {
	width:365px;
	border: 1px solid #424242;
	font-size:11px;
	padding: 1px 3px 2px 3px;
}
select {
	border: 1px solid #424242;
	font-size:11px;
	padding-left: 3px;
}
form table td input.btn {
	width:100px;
	color: #FF0000;
	background: #F2F2F2;
	border: 1px solid #000000;
	font-weight:bold
}
form table td input.chk {
	width:15px;
	height: 15px;
	border:none
}
#msg, #msgPopup {
	color: #AD0000;
	font-weight:bold;
	width: 500px;
	margin:auto;
	padding:15px 0;
}
#msgAdmin {
	color: #AD0000;
	font-weight:bold;
	width:900px; 
	text-align:left; 
	padding-top:15px;
	clear:both;
}

.redNotApproved {
	color: #AD0000;
	font-weight:bold
}
table#filter {
	width: 650px;
	margin-left: 50px;
	clear:both;
}
table#list {
	width: 900px;
	margin:auto
}
table#filter, table#list thead {
	background: #DEDEDE;
	border: 1px solid #CCCCCC;
}
/*
table#list th {
	padding: 2px 5px;
	border-left: 1px solid #FFFFFF;
}
*/
form table#filter td {
	padding:5px
}
form table caption {
	text-align:left;
	padding: 5px 0
}
form table caption span {
	font-size: 10px;
	float:right
}
form table#list tbody td {
	border-bottom: 1px solid #DEDEDE;
	vertical-align: top;
}

/*
form table#list tbody tr.alt td {
	background: #F5F5F5;
}
*/
form table#list tbody tr.over td {
	background: #F5F5DE;
	cursor:pointer;
}

form table#list tbody tr.clicked td {
	background:  #FFDD62;
	cursor:pointer;
}

.loading {
	background: url('../img/loading_red.gif') left no-repeat;
    color: #AE0000;
    font-weight: bold;
    margin: 1em 0;
	padding-left: 20px;
	text-align:left;
}

/* required for datepicker in dialogs/popups */
.ui-datepicker {z-index:1200;}  

/* Select ALl, With Selected ... links */
tfoot th {
	font-weight:normal
}
tfoot th label {
	font-weight:bold
}
tfoot th i {
	padding: 0 10px
}
tfoot A {
	color: #333;
	text-decoration: none;
	line-height: 20px;
	height: 20px;
	background-position: 6px center;
	background-repeat: no-repeat;
	outline: none;
	padding: 2px 5px;
	padding-left: 28px;
	cursor:pointer
}

tfoot A:hover {
	color: #000;
	background-color: #FFDD62;
}

tfoot.disabled A {
	color: #AAA;
	cursor: default;
}

tfoot.hover.disabled A {
	background-color: transparent;
}

tfoot A#approve_schedule { background-image: url(../img/b_approve.png); }
/*tfoot A#schedule { background-image: url(../img/b_schedule.png); }*/
tfoot A#delete { background-image: url(../img/b_delete.png); }

/* ----- ajax loaded content in the popups of admin area (view / edit content item, multiple items actions ) */
table#view {
	border: 1px solid #E5E5E5;
	margin-top:20px;
}
table#view td {
	text-align:left;
	padding: 3px 5px;
}
table#multiple {
/*	border: 1px solid #E5E5E5; */
	margin-top:20px;
	width:auto;
}
table#multiple td {
	text-align:left;
	padding: 3px 5px;
}
.simple_like { position: absolute; right: -50px; top: 0px; }
.alsoLiked_title { margin: 0px; padding: 0px; text-align: center; }
.alsoLiked_thumb { display: block; float: left; width: 141px; height: 112px; margin: 0px; padding: 0px 4px 6px 4px; }