/*---------------------------
	BigTree CMS - admin.css v1.0
---------------------------*/
/*---------------------------
	Elements
---------------------------*/
	body{
		color: #333;
		font-size: 10px;
		font-family: Arial, sans-serif;
		background: #fff url(../images/admin_bg.png) repeat-y left top;
	}
	body.login{
		background-color: #E4E3E0;
		background-image: none;
	}
	h1{
		font-size: 30px;
		color: #2F210C;
		margin-bottom: 5px;
	}
	h2{
		font-size: 18px;
		color: #C53123;
		margin-bottom: 5px;
	}
	h3{
		font-size: 150%;
		margin-bottom: 5px;
	}
	br.clear{
		clear: both;
	}
	a { color: #333; }
	a:hover{
		color: #C53123;
	}
/* login */
	div.logo{
		padding-top: 15px;
	}
	div.logo img { max-width: 180px; }
	
	#tag_help { background: #FFF url(../images/nav_rounded_bg.png) no-repeat scroll left center; width: 80px; height: 15px; padding: 6px 12px; display: block; text-decoration: none; margin-left: 98px; }
	#tag_help_area { border: 2px solid #666; width: 500px; height: 500px; position: absolute; left: 300px; top: 300px; background: #FFF; color: #333; overflow: auto; }
	
	#login{
		width: 350px;
		margin: auto;
		margin-top: 10px;
		border: 5px solid #CCC;
		height: 150px;
		background: #fff url(../images/color-tabs.png) top right no-repeat;
		background-position: right 35px;
		padding: 20px 20px;
	}
	#login fieldset{
		padding-top: 20px;
	}
	#login fieldset label{
		width: 100px;
		display: block;
		float: left;
	}
	#login fieldset p{
		font-size: 16px;
		padding-bottom: 5px;
	}
	#login fieldset p input{
		font-size: 16px;
		padding-bottom: 2px;
	}
	#login input.submit{
		margin-left: 100px;
		font-size: 16px;
	}
/*---------------------------
	Layout / structure
---------------------------*/
	#wrapper{
		width: 1000px;
		min-width: 1000px;
	}
	#sidebar{
		color: #fff;
		width: 202px;
		float: left;
	}
	#content{
		background-color: #fff;
		float: left;
		width: 718px;
		padding: 40px;
	}
	
	#home a { text-decoration: none; }
/*---------------------------
	Sidebar
---------------------------*/
	#sidebar .logo{ width: 100%; text-align: center; margin: 10px auto; }
	#sidebar .user { padding: 10px 10px 10px 32px; font-size: 14px; color: #231F20; }
	#sidebar .user a { text-decoration: underline; color: #231F20; font-size: 10px; }
	#sidebar ul { padding: 10px 0; }
	#sidebar ul li { padding-left: 20px; }
	#sidebar ul li a { text-decoration: none; font-size: 14px; color: #231F20; height: 15px; padding: 7px 0 8px 12px; display: block; }
	#sidebar ul li a:hover, #sidebar ul li a.active { background: url(../images/left-nav-active.png) no-repeat left center; margin-left: -20px; padding-left: 32px;
		color: #333; }
	#sidebar ul li a.active { font-weight: bold; }
	#sidebar .icon_key { background-color: #FCFCFC; color: #333; margin: 0px 15px; border: 1px solid #CCC; font-size: 12px; }
	#sidebar .icon_key ul { padding: 0px 0px 5px 0px; }
	#sidebar .icon_key h2 { font-size: 12px; padding: 5px; background: url(../images/table-head.png); color: #333; border-bottom: 1px solid #CCC; }
	#sidebar .icon_key li {	padding:3px 0px 3px 15px; }
	#sidebar .icon_key li img { padding-right: 8px; }
	
/*---------------------------
	Main Content
---------------------------*/
	a.add {	background: url(../images/add.png) no-repeat left center; display: block; padding: 3px 0 0 23px; text-decoration: none; font-size: 14px; color: #333; }
	a.view { background: url(../images/view-small.png) no-repeat left center; display: block; padding: 3px 0 0 23px; text-decoration: none; font-size: 14px; color: #333; }
	#content ul li a.view { background: url(../images/view-small.png) no-repeat left center; display: block; padding-left: 25px; text-decoration: none; font-size: 14px; color: #333; }
	#content ul li a.edit { background: url(../images/edit-nav.png) no-repeat left center; display: block; padding-left: 25px; text-decoration: none; font-size: 14px; color: #333; }
	
	div.breadcrumbs h1, div.breadcrumbs h2{
		float: left;
	}
	div.breadcrumbs h2{
		padding: 8px 0 0 10px;
	}
	#content ul li a{
		text-decoration: none;
		color: #333;
		font-size: 14px;
		padding: 5px 0;
		display: block;
	}
	#content ul li a.add {
		text-decoration: none;
		color: #333;
		font-size: 14px;
		padding-left: 25px;
		display: block;
	}
/* Breadcrumb */
	#breadcrumb { list-style-type: none; margin-bottom: 10px; }
	#breadcrumb li { display: block; float: left; background: url(../images/breadcrumb-break.png) no-repeat top right; padding-right: 8px; margin-right: 5px; }
	#breadcrumb li.last { display: block; float: left; background: transparent; padding-right: 8px; margin-right: 5px; }
	#content #breadcrumb li a { font-size: 10px; padding: 1px 0px; }
	#content #breadcrumb li.last a { color: #C53123; font-weight: bold; }
/* General table (users, modules) */
	#content .admintable { width: 100%; border: 1px solid #CCC; margin: 10px 0; }
    #content .admintable th { background: url(../images/table-head.png); color: #555; text-align: left; padding: 6px; font-size: 13px; min-width: 55px; }
	#content .admintable th.action_header { width: 45px; }
	#content .admintable td { padding: 5px; font-size: 12px; vertical-align: middle; }
	#content .admintable td a { color: #333; text-decoration: none; }
	#content .admintable td a:hover { font-weight: bold; }
	#content .admintable tr, #content tr.even { background-color: #fff; }
	#content .admintable tr.altrow { background-color: #F9F9F9; }
	/* Pages tree */
		#content dl.tree{
			padding-top: 20px;
			width: 600px;
		}
		#content dt{
			border-bottom: 1px solid #333;
			display: block;
			height: 20px;
			padding-bottom: 3px;
			position: relative;
			margin-bottom: 5px;
		}
		#content dt a{
			text-decoration: none;
			color: #333;
			height: 17px;
			padding: 3px 0 0 25px;
			font-size: 14px;
			position: absolute;
		}
		#content dt a.collapsed{
			background: url(../images/right_arrow.png) no-repeat left center;
			left: 0;
		}
		#content dt a.expanded{
			background: url(../images/down_arrow.png) no-repeat left center;
			left: 0;
		}
		#content dd{
			padding: 0 0 10px 10px;
		}
		#content dd div.page_actions{
			padding: 5px;
			margin: 5px 0;
			height: 20px;
			background-color: #666;
			color: #fff;
		}
		#content a.add_page, #content a.edit_page{
			text-decoration: none;
			color: #fff;
			display: block;
			float: left;
			font-size: 12px;
			height: 10px;
			padding: 5px 10px 5px 20px;
		}
		#content a.add_page:hover, #content a.edit_page:hover{
			background-color: #999;
		}
		#content a.add_page{
			background: url(../images/add.png) no-repeat left center;
		}
		#content a.edit_page{
			background: url(../images/edit.png) no-repeat left center;
		}
		#content dl.tree ul li{
			border: 1px dashed #999;
			padding: 5px;
			height: 20px;
			margin: 3px 0;
			background: #f2f2f2;
			font-size: 14px;
		}
		#content dl.tree ul li.ui-sortable-helper{
			width: 100%;
			border-width: 2px;
		}
		#content dl.tree ul li.ui-sortable-helper a.move{
			font-size: 16px;
		}
		#content dl.tree ul li a.move{
			background: url(../images/move.png) no-repeat 5px center;
			color: #333;
			height: 20px;
			line-height: 20px;
			text-decoration: none;
			padding: 0 0 0 25px;
			width: 83%;
			display: block;
			float: left;
		}
		#content dl.tree ul li a.edit, #content dl.tree ul li a.delete{
			height: 20px;
			text-decoration: none;
			padding: 0 0 0 10px;
			display: block;
			float: left;
		}
		
	#subnav { margin-top: 5px; margin-bottom:	15px; margin-left: -40px; background: url(../images/subnav-bg.png); background-repeat: repeat-x; height: 33px; width: 845px; padding-top: 3px; height: 33px; overflow: hidden; }
	#subnav ul { margin: 0px; padding-left: 40px; }
	#subnav li { list-style-type: none; float: left; height: 30px; }
	#subnav li.left_part { background: url(../images/subnav-tab-left.png); width: 7px; }
	#subnav li.middle { background: url(../images/subnav-tab-bg.png); font-size: 12px; color: #666; padding-top: 3px; height: 27px;	padding-left: 7px; padding-right: 4px; }
	#subnav li.right_part { background: url(../images/subnav-tab-right.png); width: 10px; margin-right: 8px; }	
	#subnav li.left_part_active { background: url(../images/subnav-selected-left.png); width: 8px; }
	#subnav li.middle_active { background: url(../images/subnav-selected-bg.png); font-size: 12px; color: #666; padding-top: 3px; height: 27px; padding-left: 6px; padding-right: 4px; }
	#subnav li.right_part_active { background: url(../images/subnav-selected-right.png); width: 10px; margin-right: 8px; }
	#subnav a { text-decoration: none; color: #666; }

/* Pages by Tim */
.page_title { font-size: 16px; font-weight: bold; margin-bottom: 10px; }
.page_children { font-size: 14px; font-weight: bold; margin-bottom: 6px; }
.page_header { width: 602px; background: url(../images/table-head.png); color: #333; border: 1px solid #CCC; height: 19px; margin: 0px 0px; padding: 5px; font-size: 14px; }

.form_group_header { margin: 0px; background: url(../images/table-head.png); border: 1px solid #CCC; border-bottom: 0px; height: 14px; width: 600px; padding-left: 10px; padding-top: 3px; padding-bottom: 3px; font-size: 14px; color: #333;}
.form_group { border: 1px solid #CCC; padding: 5px; width: 600px; }
.form_group input,.form_group select { margin-top: 4px; }
.form_group table { border: 0px; margin: 0px; }
.form_group table tr td { padding-top: 2px; padding-bottom: 2px; }
.form_group img { max-width: 500px; _width: expression(this.width > 500 ? 500 : true); }
.page_table { cursor: pointer; width: 600px;}

.page_table div { background: #F2F2F2; border: 1px dashed #999; font-size: 14px; height: 20px; margin: 3px 0px; padding: 5px; float: left; width: 600px; }

#content .page_table ul li a { display: inline; padding-top: 6px; }
#content .page_table ul li a img { display: inline; margin-top: -2px; }
.page_table ul { margin: 0px; padding-top: 1px; padding-bottom: 3px; padding-left: 5px; }
.page_table li { list-style-type: none; float: left; margin-right: 15px; }
.page_table li.nav_action { float: right; }
.page_table a { color: #3D5459; font-size: 12px; text-decoration: none; }
.page_table a:hover { font-weight: bold; }
.button { padding-top: 3px; padding-left: 10px; padding-right: 10px; padding-bottom: 3px; border: 1px solid #CBCFCA; color: #333; text-decoration: none; float: left; margin-right: 15px; background: url(../images/btn_bg_white.png); }
.button:hover { background: url(../images/btn_bg.png); color: #333; text-decoration: none; }

#add_page_link { padding-top: 4px; padding-left: 10px; padding-right: 10px; padding-bottom: 4px; border: 1px solid #CBCFCA; color: #30343B; text-decoration: none;
 margin-left: 25px; }

#add_page_link:hover { background-color:#474036; border-left:1px solid #CBCFCA; color:#FFFFFF; }

#breadcrumb { color: #666; font-size: 12px; }
#breadcrumb a { color: #555; text-decoration: none; }
#breadcrumb a:hover { text-decoration: underline; }

.pagebar { height: 17px; border: 1px solid #e0e0e0; padding: 3px; float: right; background: #FFF; margin-bottom: 6px; }
.pagebar img { float: left; border: 0px; }
.pagebar div { float: left; border-left: 1px dotted #dabe82; border-right: 1px dotted #dabe82; padding-left: 6px; padding-right: 6px; margin-left: 6px; margin-right: 6px; }
.pagebar span { float: left; width: 13px; height: 14px; border: 1px solid #FFF; color: #929292; font-size: 10px; text-align: center; line-height: 14px; }
.pagebar span a { color: #929292; text-decoration: none; }
.pagebar span.active { float: left; width: 13px; height: 14px; border: 1px solid #4b4b4b; color: #4b4b4b; font-size: 10px; background: #f2f2f2; }


.singleborder {	margin-top: 5px; margin-bottom: 8px; padding-left: 3px; border: 1px solid #999; vertical-align: middle; }
input.small { width: 100px;}
input.tiny { width: 50px; font-size: 10px; height: 14px; padding-top: 3px;}
input.larger { width: 400px; }
#statusmessage { margin-top: 4px; margin-bottom: 8px; color: blue; font-weight: bold; }

.permissiontable { float: left; border: 1px solid #DEDFD8; margin: 5px; width: 270px; }
.permissionheader { background: #DEDFD8; color: #747062; padding: 5px; }

.previewimage { border: 0px; max-height: 200px; max-width: 350px; _width: expression(this.width > 350 ? 350 : true); _height: expression(this.height > 200 ? 200 : true); }

.movemenu { padding: 0px; margin: 0px; }
.movemenu div { background: url(../images/table-head.png); font-weight: bold; padding: 3px 3px 3px 10px; width: 287px; border-bottom: 1px solid #aaa; }
.movemenu.mini div { width: 177px; }
.movemenu a { padding: 3px 3px 3px 10px; border-bottom: 1px solid #ccc; width: 286px; display: block; text-decoration: none; color: #666; cursor: pointer; }
.movemenu.mini a { width: 176px; }
.movemenu a.selected { background-color: #f5f5f5; }
.movemenu a:hover { background-color: #eee; text-decoration: none; }

.actionmenu { padding: 0px 0px 5px 0px; margin: 0px; font-size: 10px; }
.actionmenu input { font-size: 10px; border: 1px solid #aaa; margin-top: 2px; margin-bottom: 2px; width: 220px; }
.actionmenu.mini input { width: 140px; }
.actionmenu h1 { background: url(../images/table-head.png); font-weight: bold; padding: 3px 3px 3px 10px; width: 287px; border-bottom: 1px solid #aaa; font-size: 10px; }
.actionmenu.mini h1 { width: 177px; }
.actionmenu h2 { display: block; font-size: 10px; margin-left: 10px; font-weight: bold; float: left; padding-top: 3px; max-width: 200px; }
.actionmenu p { padding-left: 10px; padding-top: 2px; max-width: 200px; }
.actionmenu .action { padding-top: 2px; padding-left: 5px; padding-right: 5px; padding-bottom: 2px; border: 1px solid #CBCFCA; color: #30343B; text-decoration: none; margin-right: 15px; float: right; }
.actionmenu .action:hover { background: url(../images/table-head.png);}

.actionmenu select { margin-left: 5px; border: 1px solid #aaa; font-size: 10px; width: 220px; float: left; }

.formfloat { float: left; margin-right: 20px; }

#afcv_form { font-size: 12px; }
#afcv_form p { padding-bottom: 12px; }
#afcv_form a { font-size: 10px; color: #333; }

/* Admin Table made of DIVs for Sortables */
.divtable { border: 1px solid #CCC; margin: 10px 0px; width: 610px; float: left; }
.divtable h1 { background: url(../images/table-head.png); font-size: 13px; padding: 5px; margin: 0px; width: 600px; color: #555; }
.divtable div { font-size: 12px; padding: 5px; vertical-align: middle; float: left; width: 600px; cursor: pointer; }
.divtable div.altrow { background-color: #F9F9F9; }
.divtable span { float: left; display: block; max-width: 500px; }
.divtable a { float: right; display: block; margin-right: 10px; }

/* Things to Do -- Collegetown Specific Stuff Follows */
.category_area { float: left; padding: 10px; border: 1px solid #CCC; margin-top: 6px; margin-bottom: 12px; }

/* New Auto Styles */
.searchable { float: left; margin-top: 3px; background: url(../images/search-bg.png) no-repeat top right; width: 200px; }

.divtable .field_table * { padding: 0px; margin: 0px; background-color: transparent; color: #666; }
.divtable .field_table { width: 300px; }
.divtable .field_table div { width: 295px; }
.divtable .field_table .altrow { background-color: #EEE; }
.divtable .field_table h1 { padding-top: 2px; padding-left: 5px; padding-bottom: 2px; width: 100px; font-size: 12px; float: left; }
.divtable .field_table h2 { padding-top: 2px; padding-left: 5px; padding-bottom: 2px; width: 20px; font-size: 12px; float: left; }
.divtable .field_table h3 { padding-top: 2px; padding-left: 5px; padding-bottom: 2px; width: 160px; font-size: 12px; float: left; }

/* Auto Styles for Grouped Image Lists */
.image_table { border: 1px solid #CCCCCC; margin-top: 20px; float: left; width: 800px; }
.image_table h1 { background: url(../images/table-head.png) repeat-x; font-size: 13px; color: #555; padding: 6px; margin-bottom: 0px; }
.image_table .image_entry { border: 1px solid #DDD; width: 250px; height: 180px; margin: 5px; float: left; }
.image_table .image_entry .caption { background: #EEE; border-bottom: 1px solid #DDD; font-size: 12px; padding-top: 1px; text-align: center; height: 14px; overflow: hidden; text-overflow: ellipsis; }
.image_table .image_entry .image { text-align: center; }
.image_table .image_entry .image img { max-width: 250px; max-height: 140px; }
.image_table .image_entry .not_actions { height: 156px; }
.image_table .actions a { display: block; float: left; width: 125px; border-top: 1px solid #DDD; height: 21px; padding-top: 2px; text-align: center; }
.image_table .actions a:hover { background: transparent url(../images/table-head.png) repeat-x; color: #333; }

.admin_thumb { max-height: 50px; max-width: 300px; _width: expression(this.width > 300 ? 300 : true); _height: expression(this.height > 50 ? 50 : true); }
.autoform_table * { vertical-align: middle; float: left; }
.autoform_table div { width: 450px; padding-top: 3px; padding-bottom: 3px; }
.autoform_table div.altrow { background-color: #EEE; float: left; }
.autoform_table span { float: left; display: block; margin-left: 10px; }

#flasherror { position: fixed; top: 400px; left: 400px; width: 350px; background-color: #FFFFCC; border: 1px solid #666; padding: 10px; font-size: 14px; color: red; }
#flashmessage { width: 790px; border: 1px solid #666; padding: 5px; font-size: 14px; color: #C53123; font-weight: bold; background: url(../images/table-head.png) repeat-x; margin-bottom: 15px; text-align: center; }

#processframe { position: fixed; top: 100px; left: 250px; width: 600px; height: 350px; border: 2px solid #999; background: #FFF; }
.sort_column { cursor: pointer; }

#home div.cloud a { color: #666; padding-right: 5px; text-decoration: none; }
#home div.cloud a.w1 { font-size: 9px; }
#home div.cloud a.w2 { font-size: 11px; }
#home div.cloud a.w3 { font-size: 12px; }
#home div.cloud a.w4 { font-size: 13px; }
#home div.cloud a.w5 { font-size: 15px; }

#updates_area { margin-top: 20px; }