/*
Project: RB Personnel
Version: 1.0
Author: Y.O.Morales

TABLE OF CONTENTS FOR THIS CSS FILE:
1. GENERAL (Tag redefinition and styles that apply sitewide)
2. CONTAINER AND HEADER (Container is the box that holds all other layout elements)
3. NAVBARS (All the navigation bars)
4. CONTENT (The area where the main content is)
5. ELEMENTS (Repetitive elements and widgets)
6. FOOTER
7. SPECIAL EFFECTS (Classes that are used for 'special effects', 
    like aligning, hiding, 'eye candies', etc.)
8. CAKEPHP CORE (Elements generated by CakePHP's core classes)
*/

/*************** 1. GENERAL ***************/
body {
    color:#333;
    font-family:Arial, Helvetica, sans-serif;
    background:#CCC url('../img/layouts/bkg_site.jpg') repeat-x center top;
}
h1, h2, h3, h4, h5, h6 {
    color:#CB3205;
    margin:10px 0;
}
h1 {
    font-size:18px;
}
h2 {
    font-size:16px;
}
h3 {
    font-size:14px;
    font-weight:bold;
}
h4, h5, h6 {
    font-size:12px;
    font-weight:bold;
}
p {
    margin:10px 0;
}
blockquote {
	margin:10px 0 10px 20px;
}
small {
    display:block;
    margin:10px 0;
}
ul, ol {
    list-style-position:inside;
    margin:0px 0px 10px 10px;
}

label {
    margin-right:10px;
}
input, textarea, select {
    font-size:11px;
	border:1px solid #DDD;
	border-top-color:#BBB;
	border-left-color:#BBB;
	box-shadow:inset 1px 1px 1px #CCC;
	-moz-box-shadow:inset 1px 1px 1px #CCC;
	-webkit-box-shadow:inset 1px 1px 1px #CCC;
}
input, textarea {
    padding:2px;
}
textarea {
    font-family:Tahoma, Arial, sans-serif;
}
fieldset {
    margin-bottom:10px;
    padding:10px;
    border:1px dotted #900;
}
    fieldset fieldset {
        margin-bottom:0px;
        padding:0px;
        border:none;
    }
    fieldset legend {
        color:#CB3205;
        font-weight:bold;
        padding:0 4px;
		background:#FFF;
    }
    fieldset label {
        display:block;
    }
    fieldset input, fieldset textarea, fieldset select {
        margin-bottom:10px;
    }
        fieldset fieldset input {
            float:left;
            margin-right:10px;
        }


table {
    width:100%;
    text-align:center;
    border-collapse:collapse;
	background:#FBE0DF;
}
	caption {
		color:#FFF;
		font-weight:bold;
		background:#A50000;
	}
    th {
        padding:4px;
        background-color:#F19695;
    }
        th, th a:link, th a:visited {
            color:#333;
            text-decoration:none;
        }
    td {
        padding:2px 4px;
    }
a:link {
    color:#34699F;
}
a:visited {
    color:#666;
}
a:hover {
    color:#F60;
}
a img {
    border:none;
}
acronym, abbr {
    border-bottom:1px dashed #CCC;
    cursor:help;
}

/*********** 2. CONTAINER AND HEADER ***********/
#container_page {
    width:800px;
    margin:39px auto !important;
	margin:38px auto;
}
#header {
	height:340px;
	background:#CCC url('../img/layouts/bkg_header.jpg') repeat-x center top;
}
	#header #logo {
		float:left;
		position:relative;
		left:-15px;
	}
	#header h1 {
		color:#333;
		font-size:20px;
		font-weight:lighter;
		padding-top:10px;
		margin-bottom:20px !important;
		margin-bottom:10px;
	}
	#header strong {
		font-size:14px;
	}

/*********** 3. NAVBARS ***********/
#navbar_page {
    clear:both;
	font-family:Tahoma, Arial, sans-serif;
    text-align:center;
    list-style:none;
    margin:0;
	background:#C80000 url('../img/layouts/bkg_navbar_site.jpg') repeat-x center top;
}
    #navbar_page li {
    	position:relative;
        display:inline;
        margin-right:-5px;
    }		
        #navbar_page li a, #navbar_page li ul li a {
            display:inline-block;
            width:98px;
            height:21px;
            color:#FFF;
            font-size:11px;
            font-weight:bold;
            text-decoration:none;
            padding-top:8px; /*This, plus the height, amounts to the 29px of the bkg image*/
        }
		#navbar_page #tab_first a {
			float:left;
			width:6px;
			background:#C80000 url('../img/layouts/bkg_navbar_site_side1.jpg') no-repeat left top;
		}
		#navbar_page #tab_last a {
			width:6px;
			background:#C80000 url('../img/layouts/bkg_navbar_site_side2.jpg') no-repeat right top;
		}
		/* Submenus */
		#navbar_page li ul {
			display:none;
	    	position:absolute;
			left:0;
			top:25px !important;
			top:31px;
			z-index:2;
			margin:0;
			padding:0;
	    }
		#navbar_page li:hover ul, #navbar_page li.over ul {
	    	display:block;
	    }
				#navbar_page li ul li {
					margin:0;					
			    }
					#navbar_page li ul li a {
						height:17px;
            			padding-top:3px; /*This, plus the height, amounts to 20px visually*/
						color:#900;
						border:1px solid #900;
						border-top:none;
						background-color:#FCC;
				    }

#navbar_admin {
    clear:both;
    list-style:none;
    margin:0;
	padding:0 25px;
    background:#EB9594 url('../img/layouts/bkg_navbar_admin.jpg') repeat-x center top;
}
    #navbar_admin li {
        display:inline;
        margin-right:10px;
		color:#A50000;
		text-transform:uppercase;
        font:10px Verdana;
        font-weight:bold;
    }
    #navbar_admin li a {
        color:#000;
		text-decoration:none;
		text-transform:uppercase;
        font:10px Verdana;
        font-weight:bold;
    }
		#navbar_admin li a:hover {
			text-decoration:underline;
	    }

#navbar_category_filter {
	position:absolute;
	z-index:1;
	clear:both;
	width:400px;
	font-family:Tahoma, Arial, sans-serif;
    list-style:none;
    margin:0;
	margin-top:-21px;
}
	#navbar_category_filter li {
        display:inline;
        margin-right:-4px;
    }
        #navbar_category_filter li a {
            display:inline-block;
            height:19px;
			text-align:center;
            color:#900;
            font-size:12px;
            font-weight:bold;
            text-decoration:none;
			padding:1px 10px 0 10px; /*The top padding, plus the height, amounts to 20px visually*/
			border:1px solid #900;
			background:#DD8A8A;
        }
		#navbar_category_filter #News .tab1 a, #navbar_category_filter #Events .tab2 a, #navbar_category_filter #Video .tab3 a, 
		#navbar_category_filter #CT580 .tab4 a, #navbar_category_filter #All .tab3 a, #navbar_category_filter #Admin .tab1 a, 
		#navbar_category_filter #User .tab2 a {
			height:20px;
			border-bottom:none;
			background:#FFF;
        }
.actionsBox {
	float:right;
	margin:0 0 10px 10px;
}


/*********** 4. CONTENT ***********/
#content_page {
    min-height:470px;
	height:auto !important;
	height:470px;
    font-size:12px;
    line-height:18px;
    padding:10px;
	background:#FFF;
}
#content_shadow {
	height:10px;
	background:transparent url('../img/layouts/shadow_page.jpg') no-repeat center top;
}

#articles_list, #videos_list, #audio_list {
	list-style:none;
	margin:0;
	padding-top:0 !important;
	padding-top:20px;
	border-top:1px solid #900;
}
#results_list {
	list-style:none;
	margin:0;
}
	#articles_list li, #results_list li {
		float:left;
		width:350px;
		height:110px;
		margin:10px 10px 10px 0;
		padding:10px;
		background:#EEE;
	}
		#articles_list li p {
			margin:0 0 0 120px;
		}

.pages {
	padding-top:0px !important;
	padding:10px 20px 10px 20px;
}
#contentText {
	float:left;
	width:420px;
}
	#contentText table {
		border:1px solid #CCC;
	}
	#contentText table td {
		border-bottom:1px solid #CCC;
	}

#contentImage {
	float:right;
	width:300px;
}

.videoContainer, .audioContainer {
	float:left;
	width:360px;
	padding:10px;
	margin:10px 10px 10px 0;
	background:#EEE;
}
	.videoContainer a {
		text-decoration:none;
	}
	.videoContainer img {
		width:120px;
		height:90px;
	}
	.videoContainer .videoTitle {
		margin-left:120px;
	}

#UserIndexForm {
	margin-bottom:10px;
	padding:10px;
	border:1px solid #F19695;
	background:#FBE0DF;
}
	#UserIndexForm label {
		display:inline-block;
		width:140px;
	}
	#UserIndexForm select {
		width:200px;
		margin-right:20px;
	}
	#UserIndexForm hr {
		border:1px solid #F19695;
	}

/*********** 5. ELEMENTS ***********/
.checkboxArea {
	border:1px solid #F19695;
	background:#FBE0DF;
	margin:10px 0;
}
	.checkboxArea div.checkbox {
		float:left;
		width:220px;
	}
		.checkboxArea div.checkbox label {
			display:inline;
		}
		.checkboxArea div.checkbox input {
			border:none;
		}
.search_box, #filterByIndustry {
	float:right;
	font-size:10px;
	margin:0 10px;
}
	.search_box div.input {
		display:inline;
	}
		.search_box div.input input {
			width:140px;
			height:14px;
			font-size:10px;
		}
	.search_box div.submit, #filterByIndustry div.submit {
		display:inline;
	}
		.search_box div.submit input {
			color:#FFF;
			font-size:10px;
			font-weight:bold;
			border:none;
			background:transparent url('../img/layouts/button_search.jpg') no-repeat center center;
			cursor:pointer;
		}

#filterByIndustry select {
	font-size:10px;
}
#filterByIndustry div.submit input {
	font-size:10px;
}

#gallery {
    margin:10px 0;
}
	.imgContainer {
		float:left;
		width:100px;
		height:100px;
		overflow:hidden;
		margin:0 4px 4px 0;
		padding:4px;
		border:1px solid #CCC;
		background:#FFF;
	}
		.imgContainer img {
			width:100%;
		}
#gallery input {
	float:left;
	margin-right:4px;
	border:none;
}
#gallery .pagination {
	border:none;
	background:none;
}

#login_area_container {
	margin:10px;
}
#login_area_top {
	width:283px;
	height:9px;
	background:#B2B2B2 url('../img/layouts/login_area_top.jpg') no-repeat left top;
}
#login_area_register {
	width:263px;
	height:75px;
	padding:0 10px;
	background:#B2B2B2 url('../img/layouts/login_area_register_bkg.jpg') repeat-y left top;
}
	#btn_register, #btn_jobs {
		display:inline-block;
		width:128px;
		height:62px;
	}
	#btn_register {
		background:transparent url('../img/layouts/btn_register.jpg') no-repeat center center;
	}
		#btn_register:hover {
			background-image:url('../img/layouts/btn_register_hover.jpg');
		}
	#btn_jobs {
		background:transparent url('../img/layouts/btn_jobs.jpg') no-repeat center center;
	}
		#btn_jobs:hover {
			background-image:url('../img/layouts/btn_jobs_hover.jpg');
		}
	#btn_login {
		float:right;
		border:none;
		background:none;
	}
#login_area {
	width:263px;
	height:40px;
	padding:0 10px;
	background:#B2B2B2 url('../img/layouts/login_area_bkg.jpg') repeat-y left top;
}
	#login_area label {
		display:inline-block;
		min-width:60px;
		_width:60px;
	}
	#login_area input {
		width:110px;
	}
#login_area_bottom {
	width:283px;
	height:12px;
	background:#B2B2B2 url('../img/layouts/login_area_bottom.jpg') no-repeat left top;	
}

#account_tools {
	float:left;
	width:200px;
	min-height:400px;
	_height:400px;
	margin:0 10px 10px 0;
	padding:10px;
	border:1px solid #CCC;
	background:#E5E5E5;
}

.widget_recent_news {
	clear:both;
	float:right;
	width:290px;
	min-height:460px;
	_height:460px;
	margin:-10px -10px 10px 20px;
	padding:20px 10px 10px 0px;
	border:1px solid #CCC;
	border-top:none;
	border-right:none;
	background:#E5E5E5;
}
	.widget_recent_news h3 {
		color:#333;
		font-size:26px;
		font-weight:lighter;
		margin:0 0 30px 0;
		margin-left:40px;
	}
	.recent_article {
		margin-bottom:20px;
		margin-left:40px;
	}
		.recent_article p, .recent_article a.articleTitle {
			margin:0 0 0 44px;
		}

.audio_player {
	margin:20px 0;
}

#googleMap {
	margin:10px 0;
}

/*********** 5. FOOTER ***********/
#footer {
	clear:both;
	font-size:12px;
	padding:0 10px;
	background:#FFF url('../img/layouts/bkg_footer.jpg') repeat-y center top;
}
	#footer a {
		display:block;
		color:#888;
		margin:4px 0;
	}
	#footer label {
		display:inline-block;
		min-width:70px;
		_width:70px;
	}
	#footer input, #footer textarea {
		width:150px;
	}
#footer_shadow {
    height:10px;
	background:transparent url('../img/layouts/shadow_page.jpg') no-repeat center top;
}
#btn_facebook, #btn_twitter, #btn_youtube {
	width:89px;
	height:20px;
}
#btn_facebook {
	background:transparent url('../img/layouts/btn_facebook.jpg') no-repeat center center;
}
	#btn_facebook:hover {
		background-image:url('../img/layouts/btn_facebook_hover.jpg');
	}
#btn_twitter {
	background:transparent url('../img/layouts/btn_twitter.jpg') no-repeat center center;
}
	#btn_twitter:hover {
		background-image:url('../img/layouts/btn_twitter_hover.jpg');
	}
#btn_youtube {
	background:transparent url('../img/layouts/btn_youtube.jpg') no-repeat center center;
}
	#btn_youtube:hover {
		background-image:url('../img/layouts/btn_youtube_hover.jpg');
	}

/*********** 6. SPECIAL EFFECTS ***********/
.adSpace {
	display:inline-block;
}
	.adSpace img.ad {
		width:140px;
		margin:0px 5px 5px 0px;
		border:1px solid #CCC;
	}
.horizontal_navbar {
	margin:0 0 10px 0;
}
	.horizontal_navbar li {
		display:inline-block;
		list-style:none;
		list-style-position:outside;
		margin-right:10px;
	}
	.horizontal_navbar li a {
		display:inline-block;
	}
.dateIconDay {
	float:left;
	font-size:22px;
	width:33px;
	height:29px;
	padding:10px 0 0 6px;
	background:transparent url('../img/layouts/bkg_date_day.jpg') no-repeat center center;
}
h4.dateMonthYear {
	margin-left:34px;
	padding:10px;
}
.monthly {
	text-align:center;
}
	.monthly a, .monthly span {
		margin:0 6px;
	}
.message, div.error div.error-message {
    color:#900;
    font-weight:bold;
    margin-bottom:10px;
    padding:4px;
    border:1px solid #900;
    background:#FFC;
}
.headerRed {
	color:#900;
	font-weight:lighter;
}
.grayLine {
	height:4px;
	color:#CCC;
	margin:0 0 10px 0;
	padding:0;
	border:none;
	background:#CCC;
}
.autoWidth {
	width:auto;
}
.column {
	float:left;
}
.altrow {
    background-color:#EEE;
}
.displayNone {
	display:none;
	visibility:hidden;
}
.clearBoth {
	clear:both;
}
.floatLeft {
	float:left;
}

/*********** 7. CAKEPHP CORE ***********/
.cake-sql-log {
    width:80%;
    font-size:0.7em;
    margin:40px auto;
}
.pagination {
    width:98%;
	height:20px;
    margin:20px 0;
    padding:4px;
    border:1px solid #CCC;
    background-color:#EEE;
}
	.pagination p {
        float:left;
		margin:0;
    }
	.pagination a {
        text-decoration:none;
    }
	.pagination .pagination_numbers {
        float:right;
    }
	    .pagination .pagination_numbers div {
	        display:inline;
	    }