/* clearfix */
.floatfix:after, .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .floatfix { height: 1%; }
.clearfix { display: inline-table; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* main elements */
html { font-size:100%; }
body { font-size: 62.5%; line-height:1.6em; margin:0; padding:0; text-align:center; background:#efe8d8; font-family: Arial, Helvetica, sans-serif; }
h1 { color:#000; font-size:1.8em; margin:0; padding:0px 0px 3px 0px; }
h2 { color:#000; font-size:1.2em; margin:0; padding:0; }
td { font-size:12px; }
p { margin:0 0 15px 0; }
img { border:0; }
form { margin:0; padding:0; }
select { min-width:150px; }
a { color:#55380A; text-decoration:none; }
a:hover { text-decoration:underline;}

/* general classes */
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.bold { font-weight: bold; }
.darkbrown { color:#6d4c37; padding-right:10px; }
.even { background-color:#fff; }
.odd { background-color:#F5F5F5; }
.small { font-size:.90em; line-height:1.3em }
.required { color:#ff0000; font-weight:bold; font-size:1.6em; position:relative; top:4px }
input.text { font-size:13px; padding:3px; border:1px solid #6A6A6A; }
.blur { color:#848484 }
.recoverpassword { margin-left:5px; }
.top { vertical-align:top; }
td.right { padding-right:3px; }

/* icons */
.icon { padding:2px 0 2px 20px; background-repeat:no-repeat; background-position:left; }
.edit { background-image:url(/images/icons/edit.png); }
.delete { background-image:url(/images/icons/delete.gif); }
.info { background-image:url(/images/icons/info.gif); }
.key { background-image:url(/images/icons/key.gif); }
.pagenumber { background-image:url(/images/icons/pagenumber.gif); }
.view { background-image:url(/images/icons/view.png); }
.add { background-image:url(/images/icons/add.png); }
.print { background-image:url(/images/icons/print.png); }
.pdf { background-image:url(/images/icons/pdf.png); }

/* notice */
#notice { margin:auto; margin-bottom:20px; padding:10px; font-size:14px; font-weight:bold; }
#notice h2 { font-size:16px; padding-bottom:8px; }
#notice p, #notice ul, #notice ul li { font-size:12px; font-weight:normal; text-align:left; margin-bottom:0; }
#notice ul li { margin-left:25px; }
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a, .error h2 {color:#8a1f11;}
.notice a, .notice h2 {color:#514721;}
.success a, .success h2 {color:#264409;}


/* body containers */
#container { clear:both; position:relative; top:-20px; width:900px; text-align:left; margin:0 auto; -moz-box-sizing:border-box; box-sizing:border-box; }
#content { background-color:#fff; padding:10px; font-size:1.2em; -moz-box-sizing:border-box; box-sizing:border-box; border-style:solid; border-color:#e0d0b4; border-width:0 1px 1px 1px; }
#features { list-style:none; margin:0; padding-left:25px; }
#features li { background:transparent url(/images/icons/checkmark.gif) no-repeat scroll 5px 3px; margin:0 0 2px; padding:2px 0 2px 26px; }


/* header */
#header { height:185px; margin:0; padding:0; background:url(/images/header_bg.png) repeat-x; text-align:center; }
#header-container { width:900px; text-align:left; margin:0 auto; }
#header-navigation { list-style-type:none; position:relative; top:0px; margin:0; padding:0; }
#header-navigation li { float:right; width:70px; text-align:right; margin-top:4px }
#header-navigation a { color:#fff; font-size:10px }
#header h1 { font-size:1.4em; line-height:1.3em; float:right; font-weight:normal; width:550px; text-align:center; z-index:1; margin:65px 0 0 0; }
#logo { float:left; margin:0 auto 0 -65px; padding-top:0px; }


/* navigation */
#navigation { float:right; position:relative; top:21px; right:10px;}
#navigation ul { list-style-type:none;}
#navigation ul li { text-align:center; width:85px; float:right; border-top:1px solid #000; border-right:1px solid #000; border-left:1px solid #000; margin-left:8px; }
#navigation ul li a { font-weight:bold; font-size:12px; color:#fff;background-color:#B1966C; display:block; }
#navigation ul li a:hover, 
#navigation ul li a.active { text-decoration:none; color:#fff; background-color:#55380A; }


/* home page left and right boxes */
#two_col { min-height:300px; }
#two_col #left { float:left; width:590px; }
#two_col #right { float:right; text-align:center; }


/* home page register box */
#register { width:261px; border:1px solid #492E06; margin:0 auto 10px auto; padding:2px; }
#register-body, 
#register-body a { background-color:#492E06; color:#fff; font-size:14px; font-weight:bold; padding:10px; }


#login_table { margin:auto; }

/* breadcrumb */
#breadcrumb { position:relative; z-index:2; margin-top:5px; background-color:#55380a; padding:3px 5px; color:#fff; font-size:1.1em }
#breadcrumb a { color:#fff; }
#breadcrumb .separator { color:#F2CB73; font-size:1.2em }

/* pagination */
#pagination { text-align:right; font-size:11px; margin:10px 0; padding:0 3px; }
#pagination a { padding:3px 6px; border:1px solid #ccc; text-decoration:none; text-align:center; }
#pagination a:hover { background-color:#FFFFDC; }
#pagination .current { padding:3px 6px; border:1px solid #ccc; background-color:#F3E6D0; text-align:center; }
#pagination a#remove_filters_link { float:left; } 
 

/* footer */
#footer { clear:both; text-align:center; width:900px; margin: -20px auto 10px auto; }
#footer p { padding:3px 0px 0px 0px; font-size:1em; margin:0 0 8px 0; }


/* the actual tabs */
pre, 
td.tab { font-family:monospace; font-size:11px; }
td.tab { padding-left:5px; }
td.linenum { font-size:11px; background-color:#efe8d8; padding:0px 3px 0px 3px; text-align:right; width:10px; }


/* tabs top details */
#tab-details { width:100%; margin-bottom:15px; }
#tab-details-left { vertical-align:top; text-align:left; }
#tab-details-left table { line-height:17px }
#tab-details-right { vertical-align:top; text-align:center; }

/* attachments */
#tab-files { border:1px solid #000; text-align:left; margin:0 auto 15px auto; padding:0; }
#tab-files legend { margin-left:10px;font-weight:bold; }
#tab-files table { width:100%; }
#tab-files table td { padding:8px; }
#tab-files table .file-delete { width:20px; text-align:right; }
#tab-files #file-add { background-color:#EFE8D8; text-align:center; font-weight:bold; font-size:11px; padding:5px; margin:0; }





	
.title
	{
	background-color:#efe8d8;
	padding:0px 0px 0px 5px;
	font-weight:bold;
	text-align:left;
	border-top:1px solid #55380a;
	}
	
.close
	{
	float:right;
	margin-top:-16px;
	padding:0 5px 0 0;
	}


/* #########################
	ajax youtube videos
###########################*/
#youtube_videos
	{
	margin-top:10px;
	width:830px;
	display:none;
	text-align:center;
	}
	
	#youtube_videos div#scrolling_container
		{
		width:830px;
		overflow-x:scroll;	
		overflow-y:none;	
		}
		
	#youtube_videos td
		{
		text-align:center;
		font-size:10px;
		line-height:12px;
		}
		
	#youtube_videos a
		{
		font-weight:bold;
		}
	
	#youtube_videos span.video_title
		{
		font-weight:bold;
		}
		
		




#videos { width:100%; text-align:center; }
.video { width:190px; height:200px; text-align:center; float:left; padding-bottom:10px; }
.video-title { font-size:9px; }






#tagcloud { clear:both; margin:15px 0; text-align:center; padding:10px; background-color:#f1f1f1 }
#tagcloud span { font-size:14px; color:#777; }
.tagcloud1 { font-size: 10px; }
.tagcloud2 { font-size: 12px; }
.tagcloud3 { font-size: 16px; }
.tagcloud4 { font-size: 18px; }







/* new login div */
.shadowbox { border:1px solid #C5B591; width:265px; margin:auto; }
.shadowbox-body { border:8px solid #F2EFE6; padding:15px; text-align:center }
.shadowbox-title { border-bottom:1px solid #867B61;font-size:1.2em; font-weight:bold; padding-bottom:5px;margin-bottom:10px; text-align:left; }
.input-wrapper { padding:4px; background-color:#e9e9e9; display:block; width:210px; text-align:center;  }
.input-wrapper input { padding:3px; font-size:13px; border:1px solid #6A6A6A; width:200px; font-weight:bold }
.input-label { margin-bottom:2px; text-align:left;  }
.input-container { margin-bottom:15px;}


#tabs-search {}
#tabs-pagination { float:right; margin-top:-24px; }
#tabs-pagination img { position:relative;top:4px; }


#tab-form td { padding-bottom:5px; }
#tab-form td p { margin:0 0 3px 0; color:#313131 }
#tab-form select { width:300px; }
#tab-form input.text { width:445px; }
#tab-form input.smalltext { width:200px; }