* { margin:0px;	padding:0px; }

html, body { background: #221E1F; text-align: center; }

body, table, tr, td, form, p, input, select, submit, textarea {
	font-size: 11px;
	font-family: verdana, arial, sans-serif;
	color: #fff;
}

a { color: #fff; } 
h1 { font-size: 15px; text-transform: uppercase; margin: 0 0 10px 0; }
h2 { font-size: 13px; color: #EF4423;  }
h3 { font-size: 15px; text-transform:uppercase; color: #FFFF00; }

.red { color: #ED2124; font-weight: bold; }
.yellow { color: #FFFF00 !important }
.message { color: #990000; font-weight: bold; }
.normal { color: #fff; font-weight:normal; font-size: 11px; text-transform: none; }
.required { color: #fff; }

#wrapper {
	position: relative;
	margin: 0px auto 0px auto;
	width: 1000px; 
	text-align: left;
}
#header {
	background: url(../img/header.jpg) no-repeat; 
	width: 100%; height: 100px;
	text-align: center;
}
#header img { float:right; margin: 5px; }

#nav { 
	width: 100%; height: 25px; float:left;
	background: url("../img/bg.nav.gif") no-repeat right;
	text-align: right; text-transform: uppercase;
}
#nav p { padding: 5px; color: #221E1F; }
#nav a { color: #221E1F; font-weight: bold; font-size: 13px; text-decoration: none; }
#nav a.selected { color: #990000; }

#adminnav { visibility:visible; width: 100%; text-align: right; float:left; }
#adminnav p { padding: 0 5px; color: #EF4623; }
#adminnav a { color: #EF4623; text-decoration: none; }

#adminnav2 { float:left; width: 100%; clear:both; margin:60px 0 0 0; }
#adminnav2 img { float:left; border:0px; }

#supernav { 
	position: relative;  display:block; float:left; 
	width: 100%; top: 5px; padding: 10px 0; 
	text-align: right; text-transform: uppercase;	
}
#supernav a { color: #fff; text-decoration: none; }
#supernav div.left { position: absolute; top: 0px; left: 0px; }
#supernav div.right { position: absolute; top: 0px; right: 0px; }

#body { 
	/*border: 2px solid #666;*/
	position: relative; top: 10px; display:block; float:left; 
	clear:both; width: 100%; 
}

#content { 
	width: 940px; margin: 10px 30px 30px 30px; 
}

#content .page_left { width: 300px; display:inline; float:left; }
#content .page_right { width: 600px; margin-left: 20px; display:inline; float:left; }

#subnav { 
	width: 100%; padding: 25px 0 10px 0; clear:both;
	text-align: center; text-transform: uppercase;	
}
#subnav a { color: #fff; text-decoration: none; }


#footer { 
	width: 100%; margin: 15px 0;
	text-align: right; 
}
html>body #footer { float:left; }

/** popup divs **/
div.popup { background-color: #fff; width: 250px; text-align: left; color: #000; border: 1px solid #000; }
div.popup div.header { float:left; display: block; margin:2px; padding: 2px; background-color: #990000; color: #fff; width: 242px; }
div.popup h1 { font-size: 13px; display:inline; }
div.popup h1 { float: left; }
div.popup form { margin: 2px; color: #000; }
div.popup input, div.popup textarea { width: 240px; margin-bottom: 3px; color: #000; }
div.popup input.btn { width: auto; height: auto; color: #000; }

/** general page **/
div.page { width: 100%; }
html>body div.page { line-height: 150%; }
div.page p { width: 100%; text-align: right; clear:both; border-top: 1px solid #333;  }
div.page a { color: #ED1B23; text-transform: uppercase; font-weight: bold; text-decoration:none; }
div.page a:hover { text-decoration: underline; }

div.page #col1 { display:inline; float: left; width: 180px; height: 250px; margin:0 10px; border-right: 1px solid #333; }
div.page #col2 { display:inline; float: left; width: 340px; height: 250px; margin:0 10px; border-right: 1px solid #333; }
div.page #col3 { display:inline; float: left; width: 340px; height: 250px; margin:0 10px;  border-right: 0px; }

div.page div.group { width:100%; margin: 10px 0px; text-align: left; clear: both; float:left; display:block; }
div.page .label { display:inline; float:left; color: #ED1B23; text-transform: uppercase; font-weight: bold; }
div.page input.textfield { width: 175px; margin-bottom: 2px; background-color: #221E1F !important; color: #fff; border: 1px solid #333; }
div.page select { background-color: #221E1F; color: #fff; border:0;  }
div.page textarea { background-color: #221E1F; color: #fff; border:0; border: 1px solid #333; }

/*
div.page div.label { width: 110px; margin: 0 0 2px 0px; }
div.page div.span1 { width: 160px; margin: 0 0 2px 0; }
div.page div.span2 { width: 100%; margin: 0 0 2px 0px;  }
*/

div.page .btn { 
	width: 100px; height: 20px; margin-top: 10px;
	background-color: #ED2124; border: 1px solid #fff; 
	text-transform: uppercase; font-weight: bold; 
	cursor: pointer; 
}

/** home page **/
#left { 
	display: inline; float: left;
	width: 400px; 
	margin: 10px 0 10px 10px;
}

#left h1 { font-size: 14px; text-transform: uppercase; }

#left div.news { background-color: #232524; border: 1px solid #666; width: 392px; margin: 10px 0; }
#left div.news p, #left div.news h1 { margin: 10px; }
#left div.news a { color: #EF4323; text-decoration:none;  }

#left img { border: 1px solid #666; }

#middle { 
	display: inline; float: left;
	width: 500px;  
	margin: 10px;
}

#middle p { line-height: 120%; margin: 0 0 10px 0; }
#middle h1 { font-size: 15px; text-transform: uppercase; margin: 0 0 10px 0; }
#middle h2 { font-size: 13px; color: #EF4423;  }

/** terms page **/
#terms_page { width: 500px; margin-left: 200px; line-height: 130%; }
#terms_page p { margin: 5px 0; }
#terms_page span { text-transform: uppercase; }

/** search page **/
#search #col1 { width: 290px; height: 675px; }
#search #col2 { width: 300px; height: 675px; }
#search #col3 { width: 260px; height: 675px; }

#search span.label { margin-right: 5px; }
#search #col1 div div { width: 140px; display:inline; float:left; }
#search #col1 div p { text-align:left; border:0px; }
#search #col1 div p.inactive { color: #666; }

#search #col2 div.item { clear:both; }
#search #col2 div.label, #search #col2 div.field { display:inline !important; float:left; }
#search #col2 div.label { width: 125px;  }
#search #col2 input { width: auto; }

#search .btn { width: 200px; }

/** search results page **/
#results { margin: 0 0 0 20px; }
#results img { margin: 20px 30px 0 0; border:none; }
#results img.icon { margin: 1px 0 0 0; }
#results table { width: 118px; border-spacing:0px; border-collapse: collapse; }
#results td { font-size: 10px; padding:0px; margin:0px; }
#results td.name { font-weight: bold; vertical-align: bottom; }
#results input { margin: 1px 0 0 0; }

#results div.items { width: 900px; display:block; float:left; clear:both; }
#results div.item { float:left; display:inline; width: 120px; height: 250px; cursor: pointer;}
html>body #results div.item { margin-right: 30px; }
#results div.item div.image { width:100%; float:left; display:block; clear:both; }
#results div.item div.name { width:100%; display:block; clear:both; float:left; font-size: 10px; }
#results div.item div.talent { width:100%; display:block; float:left; clear:both; font-size: 10px; }
#results div.item div.school { width:100%; display:block; float:left; clear:both; font-size: 10px; }

#results div.breadcrumbs { text-transform: uppercase; }
#results div.breadcrumbs span { color: #ED1B23; text-transform: uppercase; font-weight: bold; }

#results div.paging { display:block; text-align:right; clear:both; margin: 30px 40px; color: #999; }
#results div.paging a { color: #999; text-decoration: none; }
#results div.paging a.current { color: #fff; font-weight: bold; }
#results div.paging span.btn { background-color: #06293A; border: 1px solid #04495B; color: #ccc; width: 50px; height: 15px; padding: 5px; }

div.addlightbox { 
	position: absolute; visibility:hidden; z-index: 1000;
	background-color: #58595B;
	border: 1px solid #000;
}
div.addlightbox h1 { font-size: 13px; margin: 5px; }
div.addlightbox div { margin: 5px; }
div.addlightbox input { color: #333; }

#mylightbox { display:inline; float: left; }
#mylightbox p { padding-top: 5px; display: inline; float: left; text-align:left; width: 150px; }
#lightboxlist { 
	position: absolute; left: 150px; z-index: 900;
	display:block; float: left;
	width: 250px; height: 25px; 
	background: #58595B url("../img/down.gif") no-repeat top right;
	margin-left: 5px; 
	overflow: hidden;
	cursor: pointer;
}
#lightboxlist div { padding:0px; display: block; margin: 6px;  }
#lightboxlist div.border { width: 200px; border-bottom: 1px dotted #ccc;  }

/** news page **/
#news_page #news_lister { width: 300px; display:inline; float:left; }
#news_page #news_items { width: 500px; display:inline; float:left; margin: 0 30px; }
#news_page #news_lister h1 { font-size: 11px; font-weight: normal; margin-bottom: 5px; text-transform:none; }
#news_page #news_lister a { text-decoration:none; }
#news_page #news_lister a:hover {color: #ED2124; }
#news_page #news_lister a.current { color: #ED2124; }
#news_page #news_items h1 { font-size: 16px; margin-bottom: 5px; }

/** links page **/
#link_page div.link_item { display:block; clear:both; margin-bottom: 10px; }
#link_page h1 { font-size: 14px; margin-bottom: 5px; }
#link_page a { text-decoration: none; }

/** contact page **/
#contact_page h1 { margin-bottom:10px; }
#contact_page div.group { margin: 2px 0; }
#contact_page div.label { width: 150px; }
#contact_page .textfield, textarea { width: 200px; }
#contact_page .antispam { background-color: #221E1F; color: #fff; border: 1px solid #333; width: 98px; }
#contact_page td { vertical-align:top; }
#contact_page p { border:0px; }
#contact_page .message { color: #fff; text-align:left; }
#contact_page div#contact_map { width: 250px; height: 250px; border:1px solid #ccc; }

/** login_request **/
#login_request_form, #login_request p { margin-left: 250px; }
#login_request p { float:left; margin-top: 10px; }
#login_request h1 { margin-bottom:10px; }
#login_request div.group { margin: 2px 0; }
#login_request div.label { width: 250px; }
#login_request .textfield, textarea { width: 200px; }
#login_request .antispam { background-color: #221E1F; color: #fff; border: 1px solid #333; width: 98px; }
#login_request td { vertical-align:top; }
#login_request_form p { border:0px; margin:0px; }
#login_request .message { color: #fff; text-align:left; }
#login_request .textfield2 { width: auto; margin-bottom: 2px; background-color: #221E1F !important; color: #fff; border: 1px solid #333; }

/** password_request **/
#password_request_form { margin-left: 250px; }
#password_request div.group { margin: 2px 0; }
#password_request div.label { width: 150px; }
#password_request .textfield, textarea { width: 200px; }
#password_request .antispam { background-color: #221E1F; color: #fff; border: 1px solid #333; width: 98px; }
#password_request td { vertical-align:top; }
#password_request p { text-align:left; border:0px; margin: 10px 0; }
#password_request .message { color: #fff; text-align:left; }
#password_request .textfield2 { width: auto; margin-bottom: 2px; background-color: #221E1F !important; color: #fff; border: 1px solid #333; }


/** login page **/
#login_page { margin: 30px 0 30px 400px; }
#login_page div.group { margin: 2px 0; }
#login_page div.label, #login_page div.field { display:block; clear:both; }


/** card **/
#card { width: 100%;  }
#card p { margin: 2px 0; }
#card a { color: #ED1B23; text-transform: uppercase; font-weight: bold; text-decoration:none; }
#card a:hover { text-decoration: underline; }
#card h1 { font-size: 14px; text-transform: uppercase; margin-bottom: 5px; }
#card h2 { font-size: 13px; color: #ed1b23 }
#card td { border-bottom: 1px dotted #fff; padding: 2px 0; }
#card a.search_href { margin-left: 10px; }

#card #col1 { display:inline; float: left; width: 200px; height: auto; margin:0 10px; border-right: 0px; }
#card #col2 { display:inline; float: left; width: 250px; min-height: 300px; border-right: 0px; margin:0 10px; }
#card #col3 { display:inline; float: left; width: 400px; height: auto; padding-left:10px; border:0px;  }
#card #col4 { display:block; float: left; width: 100%; border:0px; margin: 30px 10px 20px 10px; }

#card div.group { width:100%; margin: 10px 0px; text-align: left; clear: both; float:left; display:block; }

#card #col2 img { padding: 1px; border:1px solid #eaeaea; }

/*#card #panels { position: relative; width: 280px; height: 85px; overflow:hidden; float:left; display:inline; }
#card #panels2 { position: relative; width: 1000px; }*/
#panels li { list-style-type: none; float:left; display:inline; margin-right: 2px; }
#panels img { cursor: pointer; }
#card #next { 
	float:left; display:inline; width: 10px; height: 85px; 
	background: #ed1b23 url("../app/img/playred.gif") no-repeat center; 
	color: #fff; cursor: pointer; margin-left:1px;
}

#card_contact_href { visibility: hidden; }
#card_contact { display:none; position: absolute; top: 20px; left:40%; }
#card .popup h1 { font-size: 13px; }

#card_resume_href { visibility: hidden; }
#card_resume { 
	display:none; position:absolute; top:50px; left:30%;z-index:1000;
	background-color: #fff;width:600px; border: 1px solid #000;
	color: #000; text-align: left;
}
#card_resume span.btn a { color: #fff; text-decoration: none; }
#card_resume span.btn { float:right; margin: 3px 3px 3px 0; background-color: #04495B; border: 1px solid #06293A; padding: 3px; }
#card_resume div.skill { width: 250px; display:inline; float: left; margin: 2px 0; }

#card_resume div.text { margin: 10px;  }
#card_resume h1 { font-size: 20px; }
#card_resume h2 { font-size: 16px; color: #000; }
#card_resume p { padding: 2px 0; color: #000; line-height: 150%; }
#card_resume div.group { margin: 5px 0; }
#card_resume table { width: 570px; border-spacing: 0px; }
#card_resume td { color: #000; vertical-align: top; padding: 0 0 5px 0; }
#card_resume td.col1 { width: 180px; }
#card_resume td.col2 { width: 120px; }
#card_resume td.col3 { width: 270px; }

#card #tabs { float:left; display:block; list-style-type: none; margin-top:10px }
#card #tabs li { 
	display:inline; float:left; width: 100px;
	background-color: #333; font-weight: bold; color: #ccc; 
	margin-right: 2px; padding: 5px; cursor:pointer;
}
#card #tabs li.selected { 
	background-color: #221e1f; color: #ed1b23;
	border-top: 1px solid #333; border-left: 1px solid #333; border-right: 1px solid #333; 
}
#card #tab_content { width: 400px; border: 1px solid #333; float:left; display:block; clear:both; }
#card #tab_content img { border:0px; }
#card #tab_photo, #card #tab_music, #card #tab_video { float:left; display:none; margin:10px;  }
#card #tab_photo { display:block; }
#tab_photo div.card_photo { float:left; display:block; width: 100%; margin-bottom:10px; }
#card_photo_img {  }
/*#card_photo_img div { display:none;  float:left; top: 0px; left:0px;  }*/
#card_photo_img img { float:left; top: 0px; left:0px;  }
#card_photo_thumbs{ float:left; display:inline;   }
#card_photo_thumbs div { display: inline; float:left; margin:2px; cursor:pointer; }

#card div.links { position:relative; width:100%; float:left; clear:both; display:block; margin:5px 0; }
#card div.links div.links_search { float:left; display:inline; width: 250px; }
#card div.links div.links_card { float:right; display:inline; width: 650px; text-align:right; }


/** card admin page **/
#cardadmin { width: 920px; }
#cardadmin p { width: 100%; text-align: right; clear:both;  }
#cardadmin a { color: #ED1B23; text-transform: uppercase; font-weight: bold; text-decoration:none; }
#cardadmin a:hover { text-decoration: underline; }

#cardadmin #col1 { display:inline; float: left; width: 210px; height: 345px; margin:0 10px; border-right: 1px solid #333; }
#cardadmin #col2 { display:inline; float: left; width: 295px; height: 345px; margin:0 10px; border-right: 1px solid #333; }
#cardadmin #col3 { position: relative; display:inline; float: left; width: 360px; height: 345px; margin:0 0 0 10px; }
#cardadmin #col4 { display:block; float: left; width: 100%; border-top: 1px solid #333; margin: 0 10px 20px 10px; }
#cardadmin #col5 { display:block; float: left; width: 100%; border-top: 1px solid #333; margin: 5px 10px; }

#cardadmin div.group { width:100%; margin: 10px 0px; text-align: left; clear: both; float:left; display:block; }

#cardadmin .label { color: #ED1B23; text-transform: uppercase; font-weight: bold;  }
#cardadmin input.textfield { background-color: #221E1F !important; color: #fff; border: 1px solid #333; }
#cardadmin select { background-color: #221E1F; color: #fff; border:1px solid #333; display:inline; float:left  }
#cardadmin textarea { background-color: #221E1F; color: #fff; border:0; width: 500px; height: 50px; border: 1px solid #333;  }

#cardadmin div.label, #cardadmin div.span1, #cardadmin div.span2  { display:inline; float:left; }

#cardadmin div.label { width: 110px; margin: 0 0 2px 0px; }
#cardadmin div.span1 { width: 160px; margin: 0 0 2px 0; }
#cardadmin div.span2 { width: 100%; margin: 0 0 0 0px;  }

#cardadmin #col1 input.textfield, #cardadmin #col4 input.textfield { width: 175px; margin-bottom: 2px; }
#cardadmin #col1 div.label { width: 200px;}
#cardadmin #col1 div.span2 { width: 200px;}

html>body #cardadmin #col3 div.submit { position:absolute; bottom: 5px; right: 0px; }

#cardadmin #col4 div.label { width: auto; margin-right: 5px; }
#cardadmin #col4 div.span1 { width: auto; margin-right: 10px;}

#cardadmin #col5 div { display:inline; width:auto; }
#cardadmin #col5 div.label { margin-right: 5px; }
#cardadmin #col5 div.span1 { margin-right: 15px; }


#cardadmin img.delete { margin-bottom: -2px; cursor:pointer; }

#cardadmin #history input { background-color: #221E1F !important; color: #fff; border: 1px solid #333; }


#cardadmin .btn { 
	width: 175px; height: 20px;
	background-color: #ED2124; border: 1px solid #fff; 
	text-transform: uppercase; font-weight: bold; 
	cursor: pointer; 
}

#cardadmin #upload_music, #cardadmin #upload_video, #cardadmin #upload_photo { visibility: hidden; }


/** school admin **/

#schooladmin { width: 100%; }
#schooladmin p { width: 100%; text-align: right; clear:both; border-top: 1px solid #333;  }
#schooladmin a { color: #ED1B23; text-transform: uppercase; font-weight: bold; text-decoration:none; }
#schooladmin a:hover { text-decoration: underline; }

#schooladmin #col2 { display:inline; float: left; width: 430px; height: 250px; margin:0 10px; border-right: 1px solid #333; }
#schooladmin #col3 { display:inline; float: left; width: 430px; height: 250px; margin:0 10px; border-right: 0px; }

#schooladmin div.group { width:100%; margin: 10px 0px; text-align: left; clear: both; float:left; display:block; }
#schooladmin .label { color: #ED1B23; text-transform: uppercase; font-weight: bold; }
#schooladmin input.textfield { width: 175px; margin-bottom: 2px; background-color: #221E1F !important; color: #fff; border: 1px solid #333; }
#schooladmin select { background-color: #221E1F; color: #fff; border:0;  }
#schooladmin textarea { background-color: #221E1F; color: #fff; border:0; width: 500px; height: 50px; border: 1px solid #333; }

#schooladmin div.label  { display:inline; float:left; }

#schooladmin div.label { width: 110px; margin: 0 0 2px 0px; }
#schooladmin div.span1 { width: 160px; margin: 0 0 2px 0; }
#schooladmin div.span2 { width: 100%; margin: 0 0 2px 0px;  }

#schooladmin .btn { 
	width: 200px; height: 20px; margin-top: 10px;
	background-color: #ED2124; border: 1px solid #fff; 
	text-transform: uppercase; font-weight: bold; 
	cursor: pointer; 
}

/** account admin **/

#account { width: 100%; }
#account p { width: 100%; text-align: right; clear:both; border-top: 1px solid #333;  }
#account a { color: #ED1B23; text-transform: uppercase; font-weight: bold; text-decoration:none; }
#account a:hover { text-decoration: underline; }

#account #col1 { display:inline; float: left; width: 210px; height: 250px; margin:0 10px; border-right: 1px solid #333; }
#account #col2 { display:inline; float: left; width: 320px; height: 250px; margin:0 10px; border-right: 1px solid #333; }
#account #col3 { display:inline; float: left; width: 300px; height: 250px; margin:0 10px; border-right: 0px; }

#account div.group { width:100%; margin: 10px 0px; text-align: left; clear: both; float:left; display:block; }
#account .label { color: #ED1B23; text-transform: uppercase; font-weight: bold; }
#account input.textfield { width: 175px; margin-bottom: 2px; background-color: #221E1F !important; color: #fff; border: 1px solid #333; }
#account select { background-color: #221E1F; color: #fff; border:0;  }
#account textarea { background-color: #221E1F; color: #fff; border:0; width: 500px; height: 50px; border: 1px solid #333; }

#account div.label  { display:inline; float:left; }

#account div.label { width: 110px; margin: 0 0 2px 0px; }
#account div.span1 { width: 160px; margin: 0 0 2px 0; }
#account div.span2 { width: 100%; margin: 0 0 2px 0px;  }

#account #col1 div.label { width: 200px; }

#account .btn { 
	width: 200px; height: 20px; margin-top: 10px;
	background-color: #ED2124; border: 1px solid #fff; 
	text-transform: uppercase; font-weight: bold; 
	cursor: pointer; 
}

/** member access **/
#member_access #col1 { width: 200px; }
#member_access #col2 { width: 350px; }
#member_access #col3 { width: 300px; }

#member_access div.label  { display:inline; float:left; }
#member_access div.label { width: 110px; margin: 0 0 2px 0px; }
#member_access div.span2 { width: 100%; margin: 0 0 2px 0px;  }
#member_access select { width: 175px; }
#member_access div.message { color: #fff; margin-bottom: 5px; }

#member_access input#send_to_guest { width: auto; display:none; }


/** admin agency **/
#admin_agency #col1 { display:inline; float: left; width: 180px; height: 300px; margin:0 10px; border-right: 1px solid #333; }
#admin_agency #col2 { display:inline; float: left; width: 340px; height: 300px; margin:0 10px; border-right: 1px solid #333; }
#admin_agency #col3 { display:inline; float: left; width: 340px; height: 300px; margin:0 10px;  border-right: 0px; }

#admin_agency div.label { display:inline; float:left; width: 110px; margin: 0 0 2px 0px; }
#admin_agency div.span2 { width: 100%; margin: 0 0 2px 0px;  }

#admin_agency #col1 div.label { width: 100%; }
#admin_agency #col1 select { width: 145px; }

/** admin school **/
#admin_school #col1 { display:inline; float: left; width: 180px; height: 300px; margin:0 10px; border-right: 1px solid #333; }
#admin_school #col2 { display:inline; float: left; width: 340px; height: 300px; margin:0 10px; border-right: 1px solid #333; }
#admin_school #col3 { display:inline; float: left; width: 340px; height: 300px; margin:0 10px;  border-right: 0px; }

#admin_school div.label { display:inline; float:left; width: 110px; margin: 0 0 2px 0px; }
#admin_school div.span2 { width: 100%; margin: 0 0 2px 0px;  }

#admin_school #col1 div.label { width: 100%; }
#admin_school #col1 select { width: 145px; }


/** member admin **/

#member { width: 100%; }
#member p { width: 100%; text-align: right; clear:both; border-top: 1px solid #333;  }
#member a { color: #ED1B23; text-transform: uppercase; font-weight: bold; text-decoration:none; }
#member a:hover { text-decoration: underline; }

#member #col1 { display:inline; float: left; width: 170px; height: 475px; margin:0 10px; border-right: 1px solid #333; }
#member #col2 { display:inline; float: left; width: 340px; height: 475px; margin:0 10px; border-right: 1px solid #333; }
#member #col3 { display:inline; float: left; width: 350px; height: 475px; margin:0 10px;  border-right: 0px; }

html>body #member #col1, #member #col2, #member #col3 { height: 400px; }

#member div.group { width:100%; margin: 10px 0px; text-align: left; clear: both; float:left; display:block; }
#member .label { color: #ED1B23; text-transform: uppercase; font-weight: bold; }
#member input.textfield { width: 175px; margin-bottom: 2px; background-color: #221E1F !important; color: #fff; border: 1px solid #333; }
#member select { background-color: #221E1F; color: #fff; border:0;  }
#member textarea { background-color: #221E1F; color: #fff; border:0; width: 500px; height: 50px; border: 1px solid #333; }

#member div.label  { display:inline; float:left; }

#member div.label { width: 130px; margin: 0 0 2px 0px; }
#member div.span1 { width: 160px; margin: 0 0 2px 0; }
#member div.span2 { width: 100%; margin: 0 0 2px 0px;  }

#member #col1 div.label { width: 100%; }
#member #col1 select { width: 145px; }

#member #col2 select { width: 175px; }

#member #col3 div.label { width: 120px; }
#member #col3 input.textfield { width: 220px; }


#member div.msg { margin-bottom: 5px; }
#member .btn { 
	width: 150px; height: 20px; margin-top: 10px; display:inline;
	background-color: #ED2124; border: 1px solid #fff; 
	text-transform: uppercase; font-weight: bold; 
	cursor: pointer; 
}
#member div.span2 .btn { width: 250px; margin-left:90px; }

#member #frmMessage div.label { width: auto; float:none; display: block; clear:both; }
#member #frmMessage #col2 textarea { width: 320px; height: 50px; }
#member #frmMessage #col2 select { width: 320px; }
#member #frmMessage #col3 textarea { width: 320px; height: 230px; }



/** main admin **/


/** news admin page **/
#news_admin #col1 select { width: 150px; }
#news_admin #col2 .label { display: block; clear:both; margin-top: 5px; }
#news_admin #col2 .field { display: block; clear:both; }
#news_admin #col2 textarea { width: 300px; height: 100px; }
#news_admin #col2 textarea.textfield { width: 300px; height: 30px; }
#news_admin #col2 .datefield { display:block; clear:both; }
#news_admin #news_date { float:left; }

/** link admin page **/
#link_admin #col1 select { width: 150px; }
#link_admin #col2 { border:0px;}
#link_admin #col2 .field { display: block; clear:both; margin-bottom: 5px; }
#link_admin #col2 textarea { width: 300px; height: 100px; }
#link_admin #col2 textarea.textfield { width: 300px; height: 30px; }
#link_admin #col2 .datefield { display:block; clear:both; }


/* log page */
#log_admin #col1 { border-right:0px; height: auto; }
#log_admin #col2 { width: 600px; min-height: 100px; border-left:1px solid #666; border-right: 0px; height: auto; }
#log_admin td { padding: 5px 15px 5px 5px; }



/** hidden divs **/

#modal { 
	display:none;position:absolute;top:0;left:0;z-index:900;
	background-color:#666;width:100%;height:100%;
	filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;
}

/** delete **/
#cardcv { 
	display:none; position:absolute; top:50px; left:30%;z-index:1000;
	background-color: #fff;width:600px;
	color: #000; text-align: left;
}
#cardcv span.btn a { color: #fff; text-decoration: none; }
#cardcv span.btn { float:right; margin: 3px 3px 3px 0; background-color: #04495B; border: 1px solid #06293A; padding: 3px; }

#cardcv div.text { margin: 5px; }
#cardcv h1 { font-size: 20px; }
#cardcv h2 { font-size: 16px; }
#cardcv td, #cardcv p { color: #000; }
#cardcv div.group { margin: 5px 0; }
#cardcv table { width: 570px; border-spacing: 0px; }
#cardcv p { padding: 2px 0; }
#cardcv td { vertical-align: top; padding: 0 0 5px 0; }
#cardcv td.col1 { width: 180px; }
#cardcv td.col2 { width: 120px; }
#cardcv td.col3 { width: 270px; }
#cardcv td.col4 { width: 570px; }
#cardcv td.col5 { width: 390px; }
/** /delete **/

#login_admin { display:none; position: absolute; top: 35px; left: 880px; z-index:1000;  }
#login_search { display:none;  position: absolute; top: 165px; left: 405px; z-index:1000; }
#login_member { display:none;  position: absolute; top: 165px; left: 765px; z-index:1000; }

div.login { background-color: #fff; width: 250px; text-align: left; color: #000; border: 1px solid #000; }
div.login div.header { float:left; display: block; margin:2px; padding: 2px; background-color: #990000; color: #fff; width: 242px; }
div.login h1, div.login h2 { font-size: 13px; display:inline; }
div.login h1 { float: left; margin:0px }
div.login h2 { float: right; }
div.login form { margin: 2px; color: #000; }
div.login input { width: 240px; margin-bottom: 3px; color: #000; }
div.login input.btn { width: auto; height: auto; color: #000; }
div.login input.btn1 { width: 130px; height: auto; color: #000; }
div.login p { color: #000; margin: 2px 0; }
div.login a { color: #000; text-decoration:underline; }


#upload { 
	visibility: hidden;
	display:block; position:absolute; top:50px; left:30%;z-index:1000;
	background-color: #666; width:500px; 
	border: 1px solid #000;
	color: #fff; text-align:left;
}
#upload p { margin:20px; }
#upload ul#tab_select { margin: 0 20px; list-style: none; }
#upload #tab_select li { 
	position: relative; top: -1px;
	display:inline; margin: -1px 2px -2px 0px;
	width: 100px; padding: 2px; 
	color: #990000; background-color: #ccc; 
	border-top: 1 px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; 
	cursor: pointer;
}
#upload #tab_select li.selected { background-color: #eaf5e0; color: #990000; margin-left: -1px; }

#upload #media_list { 
	position: relative;
	margin:0 20px; padding: 10px; display:none; visibility: hidden; 
	width: 440px; background-color: #eaf5e0; 
	color: #333; text-align:left; 
}
#upload #media_list table { border-spacing: 0px; margin:0px !important; }
#upload #media_list p { color: #333; padding: 10px; margin:0px; }
#upload #media_list td { color: #333; border-bottom: 1px dotted #ccc; }
#upload #media_list td.click { cursor: pointer; }
#upload #media_list ul { list-style:none; }
#upload #media_list li { display:inline; list-style:none; margin:2px; }
#upload #media_list img { border:0px; }
#upload #media_list img.edit, #upload #media_list img.delete, #upload #media_list img.find, #upload #media_list object { margin: 0 5px 0 0; }

#upload #media_list div.media_edit { clear:both; }
#upload #media_list div.media_edit form { color: #333; }
#upload #media_list div.media_edit .textfield, #upload #media_list div.media_edit textarea { width: 200px; margin:1px 0; color:#333; }
#upload #media_list div.media_edit textarea { height: 43px; }
#upload #media_list div.media_edit div.label { width: 80px; float: left; display:inline; }
#upload #media_list div.media_edit div.field { float: left; display:inline; }
#upload #media_list div.media_edit div.submit { float: right; display:inline; margin-top:25px; vertical-align:bottom; }
#upload #media_list div.media_edit div.submit input { background-color: #2D7F94; border: 1px solid #14596B; color: #ccc; width: 40px; padding:1px 0; cursor: pointer; }
#upload #media_list div.media_edit div.group { display:block; clear:both; margin:2px 0; }
#upload #media_list div.media_edit select { color: #000; display:inline; float:left; }

#upload #media_list #thumbs { /*position: absolute; top:0; left:0; z-index: 900;*/ text-align:left; padding:10px; }
#upload #media_list #thumbs img { cursor:pointer; margin: 1px; }
#upload #media_list #thumbs input {  }
#upload #media_list #btnSort, #upload #media_list #btnEdit { margin-left: 5px; }
#upload #media_list #msgSort { color: #000; }

#upload #media_list #current_photo { 
	display:none;
	position: absolute; top:-131px; left:-21px; z-index: 900;
	background-color:#666; border:1px solid #000;
	width:510px; text-align:center;
}
#upload #media_list #current_photo img { margin: 10px 0; float:none;  }
#upload #media_list #current_photo #photoitemdelete { position: absolute; top:0px; right:25px; display:block; cursor:pointer;  }
#upload #media_list #current_photo #photoitemclose { position: absolute; top:0px; right:5px; display:block; cursor:pointer;  }
#upload #media_list #frmPhotoEdit { }


#upload h1, #upload table { margin: 20px; }
#upload table table { margin: 0px; }

#upload h1 { font-size: 16px; }
#upload h2 { font-size: 14px; }
#upload input { color: #000; }
#upload input#filename { width: 190px; height: 18px; }

#upload table#navbar td { padding-right:20px; }

/* uploader */
#upload #uploader {
	border:solid 1px #cccccc;
	background:#eaf5e0;
	width:460px;
	margin:0 0 0 19px;
}
#upload #uploader p { margin:10px 0; }
#demo-status, #demo-list { margin: 20px; width: 400px; color: #333; }
#demo-status p { margin-bottom: 10px; color: #333; }
#demo-status a, a.file-remove { color: #333; }
#demo-status p.nav, #demo-status p.nav a { color: #990000; }
#video_conversion_text { color: #990000; display:none; }