/*---------------------------
  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: #333;
    background-image: none;
  }
  h1{
    font-size: 30px;
    color: #2F210C;
    margin-bottom: 5px;
  }
  h2{
    font-size: 18px;
    color: #8b210c;
    margin-bottom: 5px;
  }
  h3{
    font-size: 150%;
    margin-bottom: 5px;
  }
  br.clear{
    clear: both;
  }
  a { color: #333; }
  a:hover{
    color: #8B210C;
  }
/* 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 #999;
    height: 150px;
    background-color: #fff;
    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: #cccccc;
  }
  #sidebar .user a{
    text-decoration: underline;
    color: #cccccc;
    font-size: 10px;
  }
  #sidebar .user a:hover{
    color: #fff;
  }
  #sidebar ul{
    padding: 20px 0 20px 20px;
  }
  #sidebar ul li a{
    text-decoration: none;
    font-size: 14px;
    color: #fff;
    height: 15px;
    padding: 6px 0 8px 12px;
    display: block;
  }
  #sidebar ul li a:hover, #sidebar ul li a.active{
    background: #fff url(../images/nav_rounded_bg.png) no-repeat left center;
    color: #333;
  }
  #sidebar .icon_key{
    background-color: #222;
    color: #fff;
    margin: 15px;
	border: 1px solid #000;
    font-size: 12px;
  }
  #sidebar .icon_key h2{
    font-size: 12px;
    padding: 5px;
    color: #CCC;
    border-bottom: 1px solid #000;
  }
  #sidebar .icon_key li {
  	padding:3px 0px 3px 0px;
  }
  #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;
  }
  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;
  }
  /* General table (users, modules) */
    #content .admintable {
      width: 100%;
      border: 1px solid #666;
      margin: 10px 0;
    }
    #content .admintable th{
      background-color: #666;
      color: #fff;
      text-align: left;
      padding: 5px;
      font-size: 13px;
    }
    #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: #eee;
    }
  /* 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;
		float: left;
	}
	
	#subnav ul {
		margin: 0px;
		padding-left: 25px;
	}
	
	#subnav li {
		list-style-type: none;
		float: left;
		padding-left: 15px;
		padding-right: 15px;
		border-left: 1px dotted #999;
		font-size: 12px;
	}
	
	#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-color: #666; color: #FFF; height: 20px; margin: 0px 0px; padding: 5px; font-size: 14px; }

.form_group_header { margin: 0px; background-color: #666; height: 18px; width: 600px; padding-left: 10px; padding-top: 3px; padding-bottom: 3px; font-size: 14px; color: #FFF;}
.form_group { border: 1px solid #666; padding: 5px; width: 598px; }
.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; }
.page_link { 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); }
.page_link: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-color: #eee; 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/altrow_bg.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/altrow_bg.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: #8B210C; }

/* Admin Table made of DIVs for Sortables */
.divtable { border: 1px solid #666666; margin: 10px 0px; width: 610px; }
.divtable h1 { background-color: #666666; font-size: 13px; padding: 5px; margin: 0px; width: 600px; color: #FFFFFF; }
.divtable div { font-size: 12px; padding: 5px; vertical-align: middle; float: left; width: 600px; cursor: pointer; }
.divtable div.altrow { background-color: #EEEEEE; }
.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; }

.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; }

.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: 500px; border: 1px solid #666; padding: 10px; font-size: 14px; color: #3d77cc; font-weight: bold; background-color: #FFFFCC; margin-bottom: 15px; }

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

#home div.cloud { width: 500px; }
#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; }

.internships h1 a.arrow { margin: 0 0 0 15px; }
.internship_search { overflow: hidden; padding: 0 0 15px 0; float: left; width: 700px; }
.internship_search .go { background: #8B210C; border: 1px solid #999999; color: #FFF; font-weight: bold; font-size: 13px; float: left; margin: 0 5px; padding: 5px 0; width: 60px; }
.internship_search .close { float: right; background: url(../../images/ai-close.jpg); width: 48px; height: 20px; }
.internship_search strong { color: #999; float: left; font-size: 16px; line-height: 30px; margin: 0 10px 0 0; }
.internship_search .query { background: url(../../images/right_arrow.png) no-repeat 285px 10px; border: 1px solid #CCC; float: left; height: 20px; width: 274px; margin: 0 5px 0 0; padding: 4px 20px 4px 4px; }
.internship_search #as_link { background: url(../../images/plus.png) no-repeat 10px 10px; float: left; font-weight: bold; line-height: 30px; font-size: 12px; color: #8B210C; padding: 0 10px 5px 25px; }
.internship_search #as_link.active { background: #F5F5F5 url(../../images/minus.png) no-repeat 10px 10px; }
#advanced_search { background: #F5F5F5; clear: both; overflow: hidden; padding: 12px 10px; }
#advanced_search fieldset { float: left; margin: 0 15px 15px 0; }
#advanced_search fieldset div { color: #8B210C; font-size: 11px; font-weight: bold; margin: 0 0 5px 0; padding: 0 0 5px 2px; border-bottom: 1px solid #CCC; }
#advanced_search fieldset input { float: left; margin: 0 5px 5px 0; }
#advanced_search fieldset label { color: #333; float: left; font-size: 10px; max-width: 200px; }
#advanced_search fieldset span { display: block; float: left; width: 33%; }

.internship_pagination { background-color: #8B210C; clear: both; color: #fff; font-size: 12px; padding: 5px 10px; height: 20px; line-height: 20px; overflow: hidden; }
div.internship_pagination a { color: #AAA; padding: 0 2px; }
div.internship_pagination a:hover, .internship_pagination a.active{ color: #fff; }
.internship_pagination form { float: right; }
.internship_pagination label { font-size: 11px; padding-left: 20px; }
.internship_pagination p { float: left; color: #fff; padding-bottom: 0; }
.internship_pagination a.go_back { color: #fff; background: url(../../images/internships_prev.png) no-repeat left center; padding-left: 15px; }
.internship_postings { width: 100%; font-size: 11px; }
.internship_postings tr { border-bottom: 1px solid #CCC; }
.internship_postings tr.even td { background-color: #fff; }
.internship_postings tr.odd td { background-color: #f6f6f6;	}
.internship_postings td.new { padding: 0; vertical-align: middle; }
.internship_postings td { padding: 10px; }
.internship_postings th { background-color: #999; color: #fff; height: 10px; padding: 10px; text-align: left; }
.internship_postings th a { color: #FFF; }
.internship_postings th a.desc { background: url(../../images/search-direction-desc.jpg) no-repeat center right; padding-right: 15px; }
.internship_postings th a.asc { background: url(../../images/search-direction-asc.jpg) no-repeat center right; padding-right: 15px; }
.internship_postings th a:hover { color: #FFF; text-decoration: underline; }