@charset "utf-8";
/* CSS Document */

@import "../scripts/jquery/theme/ui.all.css";
@import "../scripts/jquery/cluetip/jquery.cluetip.css";

body { 
	/* background:#333; */
	color:#ddd;
	background-color: #333;
	background-position: top center;  
	background-repeat: repeat-x;
	background-attachment: scroll; 
}
	
button { 
	background-color:#444; 
    border-top:1px solid #666; 
    border-left:1px solid #666; 
    border-bottom:1px solid #222;
    border-right:1px solid #222; 
    color:#f60;
}
button:hover { 
    background-color:#f60; 
    border-top:1px solid #ffb85b; 
    border-left:1px solid #ffb85b; 
    border-bottom:1px solid #be3d1d;
    border-right:1px solid #be3d1d; 
    color:#fff;
}
textarea, input {
	background:#000; 
    color:#fff; 
    border:1px solid #222;
}
textarea:focus, input:focus { border-color:#f90; }


a.inline:link { color:#fff; text-decoration:underline; }
a.inline:hover { color:#fa0; }
a.inline:visited{color:#aaa;text-decoration:underline; }

a.inlinenounderline:link { color:#999; text-decoration:none; }
a.inlinenounderline:hover { color:#fa0; }

a { color:#fff; text-decoration:none; }
a:hover { color:#fa0; }


/* layout */
.logo { background:url(../images/top629_78_2.png) no-repeat 50% 50%; }
span.theme { border:1px solid #fff; }

/* function */
.hr .left { background:url(../images/hr.png) no-repeat 0 50%;}
.hr .right { background:url(../images/hr.png) no-repeat 100% 50%; }

.thumb { border:1px solid #fff; }
.slct-img { border:1px solid #40ff40; }
//.panel { background:#222; }

.usrNav ul { background:#111; }
.usrNav a:hover { background-color:#fff; color:#111; *display:inline-block; }

.icon-request { background-image:url(../images/icon_request_black.gif); }
.icon-retouch { background-image:url(../images/icon_retouch_black.gif); }
.icon-done { background-image:url(../images/icon_done_black.gif); }

.icon-real_estate { background-image:url(../images/icon_request_black.gif); }
.icon-wedding { background-image:url(../images/icon_wedding.jpg); }
.icon-photographer { background-image:url(../images/icon_done_black.gif); }
.icon-portrait { background-image:url(../images/icon_done_black.gif); }


.icn-add { background:url(../images/icn_arrowr.gif) no-repeat 100% 50%; margin-left:5px; padding:3px; }
.icn-find { background:url(../images/icn_find.gif) no-repeat 50% 50%; margin-left:5px; padding:3px 5px; }
.icn-delete { background:url(../images/icn_delete.gif) no-repeat 50% 50%; margin-left:5px; padding:3px; }

.filter { background:#333; }

.list-table th { border-bottom:2px solid #fff; }
.list-table tr:hover { background:#333; }
.list-table td { border-bottom:1px dotted #333; }

.yellow { color:#fa0; }
.orange { color:#f60; }

/* hack for jQuery UI */
/* .ui-tabs-panel a:hover { color:#fa0; } */

.jcarousel-skin-fixsr .jcarousel-container {
    background: #111;
    border: 1px solid #000;
}

/* pretty checkbox, added on 12/09/2009 by junzhao */
.checklist {
	list-style: none;
	margin: 0;
	padding: 0;
}

.checklist li {
	float: left;
	margin-right: 10px;
	background: url(../images/checkboxbg.gif) no-repeat 0 0;
	width: 405px;
	height: 350px;
	position: relative;
	font: normal 11px/1.3 "Lucida Grande","Lucida","Arial",Sans-serif;
}

.checklist li.selected {
	background-position: -105px 0;
}

.checklist li.selected .checkbox-select {
	display: none;
}

.checkbox-select {
	display: block;
	float: left;
	position: absolute;
	top: 280px;
	left: 10px;
	width: 85px;
	height: 23px;
	background: url(../images/select.gif) no-repeat 0 0;
	text-indent: -9999px;
}

.checklist li input {
	display: none;
}

a.checkbox-deselect {
	display: none;
	color: white;
	font-weight: bold;
	text-decoration: none;
	position: absolute;
	top: 120px;
	right: 10px;
}

.checklist li.selected a.checkbox-deselect {
	display: block;
}

.checklist li p {
	text-align: center;
	padding: 8px;
}

.sendit {
	display: block;
	float: left;
	top: 118px;
	left: 10px;
	width: 115px;
	height: 34px;
	border: 0;
	cursor: pointer;
	background: url(images/sendit.gif) no-repeat 0 0;
	text-indent: -9999px;
	margin: 20px 0;
}