/**************************
Basic Style -- you can change this if it is affecting your existing style
**************************/
html {overflow-y: scroll;}
body {background:url(../images/sg_background.gif); padding:0; margin:0}

/**************************
Sleek Gallery General Style
**************************/
#sleek_gallery :focus {	outline: 0;}
#sleek_gallery, #sleek_gallery table, #sleek_gallery select,  #sleek_gallery textarea, .sg_tooltip_box , #colorbox{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#373737;}
#sleek_gallery input {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
#sleek_gallery a {text-decoration:none; color: #21759b;}
#sleek_gallery a:hover {text-decoration:none; color: #ff0000}
#sleek_gallery .clear{clear:both; margin:0; padding:0}
#sleek_gallery ul , #sleek_gallery ul {list-style:none; margin:0; padding:0}
#sleek_gallery td , #sleek_gallery th{text-align:left;}
#sleek_gallery a img {border:0}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/**************************
tooltip
**************************/
.sg_tooltip_box {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px}
.sg_tooltip {display:none}
.sg_tooltip_box {max-width:300px; position:absolute; z-index:9999; background-color:#f3f3f3; border:2px solid #fff; padding:0; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin:0; display:none;

-moz-box-shadow:0 0 10px #666;
-webkit-box-shadow:0 0 10px #666;
box-shadow:0 0 10px #666;}
.sg_tooltip_box h3 {line-height:22px; background:url(../images/tooltip.gif) top repeat-x; margin:0; padding:0 8px 0 8px; text-shadow: #fff 1px 1px 1px; font-weight:bold}
.sg_tooltip_box p {padding: 4px 8px; margin:0} 

/**************************
Header Class
**************************/
.sg_header {position: relative}
a.sg_logo { background:url(../images/sg_logo.png) 0 0 no-repeat; height:200px; width:299px; display:block; margin-top:15px; }

.sg_wrapper {width:960px; margin:0 auto}
.sg_header_top  {height:76px}
.sg_headermenu { height:80px; min-width:960px}
.sg_headermenu .sg_wrapper{z-index:1000; position:relative}


/** social icon **/
.sg_social_icon {float:right; padding-top:45px}
.sg_social_icon a{padding: 0 5px 0 5px;}

/** mode btn **/
#sleek_gallery ul.sg_view_mode {float:left; padding:6px 0 0 10px; background:url(../images/sg_viewmode.gif) 0 0 no-repeat; padding-left:85px; display:none}
#sleek_gallery ul.sg_view_mode li {float:left; padding-left:5px}
#sleek_gallery ul.sg_view_mode li a{background:url(../images/view_mode.gif) no-repeat; height:27px; width:28px; display:block}
#sleek_gallery ul.sg_view_mode li.sg_grid_1 a {background-position: 0 -27px}
#sleek_gallery ul.sg_view_mode li.sg_grid_2 a {background-position: 0 -81px}
#sleek_gallery ul.sg_view_mode li.sg_line_1 a {background-position: 0 -135px}
#sleek_gallery ul.sg_view_mode li.sg_line_2 a {background-position: 0 -189px}
#sleek_gallery ul.sg_view_mode li.sg_grid_1 a:hover , #sleek_gallery ul.sg_view_mode li.sg_grid_1 a.sg_current {background-position: 0 0px}
#sleek_gallery ul.sg_view_mode li.sg_grid_2 a:hover , #sleek_gallery ul.sg_view_mode li.sg_grid_2 a.sg_current {background-position: 0 -54px}
#sleek_gallery ul.sg_view_mode li.sg_line_1 a:hover , #sleek_gallery ul.sg_view_mode li.sg_line_1 a.sg_current {background-position: 0 -108px}
#sleek_gallery ul.sg_view_mode li.sg_line_2 a:hover , #sleek_gallery ul.sg_view_mode li.sg_line_2 a.sg_current {background-position: 0 -162px}

/** category setting **/
.sg_category {float:left; position:relative; margin-left:50px;}
.sg_category span.sg_label {}
.sg_category .sg_box {background:url(../images/category_box.gif) right -25px no-repeat; height:25px; margin-top:8px; float:left; padding-right:4px}
.sg_category .sg_box .sg_current {background:url(../images/category_box.gif) 0 0 no-repeat; height:25px; line-height:25px; padding:0 6px 0 86px; float:left !important}
#sleek_gallery .sg_category .sg_box .sg_current a {background:url(../images/tri.gif) right 7px no-repeat; padding-right:21px; color:#555}
#sleek_gallery .sg_category .sg_box .sg_current a:hover {background-position: right -15px; color:#222}

/** category list **/
.sg_show_cat {}
ul.sg_category_list {position:absolute; right:0; top: 40px; margin:0; width:200px; background:url(../images/category_list.gif) top repeat-x #5b5b5b; z-index:9999}
ul.sg_category_list li {padding-top:5px}
ul.sg_category_list li:hover {background-color:#4c4c4c}
ul.sg_category_list li.sg_current {background-color:#4c4c4c}
ul.sg_category_list li.sg_current a{font-weight:bold}
#sleek_gallery ul.sg_category_list li a {line-height:25px; padding-left:20px; display:block; color:#ccc}
#sleek_gallery ul.sg_category_list li a:hover {color:#eee}


/**************************
photo class
**************************/
.sg_list {background-color:#dfdfdf; padding:30px 0 50px 0; min-width:960px}
.sg_gallery_wrapper{padding-top:30px; width:100%}

/** thumbnail class **/
.sg_photo{float:left}
.sg_thumb{position:relative; z-index:1; background-position:40% 40%; background-repeat:no-repeat; cursor:pointer; border-style:solid}

.sg_thumb_shadow {
-moz-box-shadow:0 0 10px #777;
-webkit-box-shadow:0 0 10px #777;
box-shadow:0 0 10px #777;}


/**************************
page no. class
**************************/
.sg_page_area{display:block; padding:20px 0 0 0; height:20px}
.sg_page_area a , .sg_page_area span
{padding:3px; margin-right:4px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px;}
#sleek_gallery .sg_page_area a:hover {background-color:#999 ; color:#fff}
.sg_page_area span.sg_current
{padding:3px; margin-left:4px; border:1px solid #777; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px;}
.sg_page_area span.sg_dot {border:0; margin:0; padding:10px 0 0 0}

/**************************
ajax loading
**************************/
.sg_loading {margin:150px auto 150px auto; background:#1F1F1F; text-align:center; width:36px; height:26px; padding-top:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}


/**************************
footer
**************************/
.sg_footer {padding: 20px 0; color:#b0b0b0 ; text-shadow: #000 1px 1px 1px}
.sg_footer h2 {margin-top:0; color:#fff}
.sg_footer {line-height:1.7em}
#sleek_gallery .sg_footer a {color:#e3e3e3}
#sleek_gallery .sg_footer a:hover {text-decoration:underline}


/**************************
photo preview
**************************/
.sg_photo_preview:hover  { cursor:pointer}
.sg_photo_preview {overflow:hidden}
.sg_photo_des {display:none; margin-top:-20px; height:20px}
.sg_photo_des .sg_des_text {color:#fff; background:#000; opacity:0.92;-moz-opacity:0.92;-khtml-opacity: 0.92; filter:alpha(opacity=92); display:block; bottom:28px; width:100%; position:absolute;}
.sg_photo_des p {padding:10px 10px 12px 10px}

/**************************
admin class
**************************/
.sg_admin_top_btn {float:right; line-height:20px; margin:10px}
.sg_edit_photo {float:left; height:220px; width:162px; padding:10px 5px 10px 5px ; margin:5px; background-color:#e9e9e9; position:relative; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px}
.sg_edit_photo img {border: sin solid #fff}
.sg_edit_photo table {width:100%}
.sg_edit_photo table td {height:30px; text-align:left}
.sg_edit_photo table td.sg_pic {height:170px; vertical-align:middle; text-align:center}
a.sg_del_photo {position:absolute; top:-3px; right:-6px; background:url(../images/admin/cross1.png) 0 0 no-repeat; height:16px; width:16px; display:block}
a.sg_del_photo:hover {background-image:url(../images/admin/cross2.png)}

ul.sg_pic_info li{padding-bottom:10px}

.sg_cat_select_box {border:1px solid #dddddd; padding:2px; overflow:auto; width:90%; height:90px; margin-left:20px}
.sg_form_table .sg_cat_select_box{width:70%; margin-left:0; height:auto; max-height:200px}

.sg_admin_loading {background:url(../images/admin/loading.gif) 0 0 no-repeat; height:16px; margin:2px; padding-left:30px}
.sg_uploading {background:url(../images/admin/uploading.gif) 0 0 no-repeat; height:22px; margin:30px 0 0 188px; padding-left:135px; color:#FF3C1A}

/****** system message ******/
.sg_notice_box {padding-bottom:10px; margin-top:-5px}
.sg_common_table td .sg_notice_box{width:150px; padding:5px 0 0 0; margin-top:0}
.sg_notice_box div{padding:5px 10px 5px 36px; line-height:1.5em; -moz-border-radius: 6px; -webkit-border-radius:6px;}
.sg_alert {background:url(../images/admin/error.gif) 10px 6px no-repeat #fffbcc; color:#666452;}
.sg_success {background:url(../images/admin/success.gif) 10px 6px no-repeat #e5ffce; color:#6a6668;}

/**************************
Admin Box Style
**************************/
.sg_admin_box {background-color: #fff; border:1px solid #d3d3d3; -moz-border-radius:8px; -khtml-border-radius:8px; -webkit-border-radius:8px; border-radius: 8px;}
.sg_admin_box_header h3 {font-size:1.5em; margin:0; padding:6px 0 0 12px}

.sg_content_box{}
.sg_admin_content {padding:20px 15px 15px 15px}


/**************************
table class
**************************/
.sg_common_table{width:100%; background-color:#fff; border-collapse:separate;border-spacing: 0px; *border-collapse: expression('separate', cellSpacing = '0px'); border:1px solid #cbcbcb; border-bottom:0}
.sg_common_table tr th , .sg_common_table tr td{border-bottom:1px solid #cbcbcb; vertical-align:top; line-height:1.4em}
.sg_common_table tr.sg_no_border td{border-bottom:1px solid #ffffff}
.sg_common_table tr.sg_alt_row td {background-color:#f8f8f8}

.sg_form_table {width:100%}
.sg_form_table th {width:20%}
.sg_form_table th , .sg_form_table td {padding-bottom:25px; vertical-align:top; line-height:1.5em}

/** table tool setting start **/
.sg_table_top_left_tool {float:left}
.sg_table_top_right_tool {float:right}
.sg_table_bottom_left_tool {float:left; padding-top:15px}
.sg_table_bottom_right_tool {float:right; padding-top:15px}
/** table tool setting end **/

.sg_table_bottom_right_tool .sg_page_area {padding-top:3px}
.sg_common_table thead tr th{background:#ececec; text-align:left; padding-left:4px; height:30px; vertical-align:middle; *padding-top:2px; font-weight:bold}
.sg_common_table tr td {padding:6px 4px 6px 4px}

.sg_table_left_tool {float:left; margin-top:15px;}
.sg_table_right_tool {float:right; padding-bottom:0px; *padding-bottom:10px}
.sg_col_filter {float:left; margin-right:10px}
.sg_table_left_tool span{!important vertical-align:middle}

a.sg_sort_asc {background:url(../images/sort.gif) no-repeat 100% 2px; padding-right:13px;}
a:hover.sg_sort_asc {background:url(../images/sort.gif) no-repeat 100% -17px}
a.sg_sort_dec {background:url(../images/sort.gif) no-repeat 100% -55px; padding-right:13px;}
a:hover.sg_sort_dec {background:url(../images/sort.gif) no-repeat 100% -36px}

.sg_num_col {width:25px}
.sg_num2_col {width:110px}
.sg_image_col {width:170px}
.sg_setting_col {width:350px}
.sg_act_col {width:80px}

span.sg_setting {font-size:0.8em; font-weight:normal}

/**************************
input class
**************************/
input.sg_pic_name {width:70%}
input.sg_form_short {width:60px}
input.sg_form_mid {width:180px}
input.sg_form_long {width:390px}
textarea.sg_image_des {margin-left:5px; width:460px; height:80px}


/**************************
admin page no. class
**************************/
.sg_admin_box .sg_page_area{display:block}
.sg_admin_box .sg_page_area a , .sg_admin_box .sg_page_area span
{padding:5px; margin-left:3px; border:1px solid #d9d9d9;-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px;}
.sg_admin_box .sg_page_area .sg_current {background:#f3f3f3}
.sg_admin_box .sg_page_area span.sg_dot {border:0; margin:0; padding:10px 0 0 0}
#sleek_gallery  .sg_admin_box .sg_page_area a:hover {color:#fff}


/**************************
search class
**************************/
.sg_admin_box .sg_searchbox {
	background:url(../images/admin/search_s.gif) no-repeat;
	width:209px;
	height:17px;
	display:block;
	float:left;
	padding:2px 0 2px 2px;
	border:1px solid #cbcbcb;
	margin-bottom:10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;}
.sg_admin_box .sg_searchbox .sg_textfield  {background:none; border:0px; width:185px; float:left; margin-right:2px; padding-left:2px;}
.sg_admin_box .sg_searchbox .sg_button {background:none; border:0px; width:18px; height:18px; cursor:pointer; float:left; margin-top:1px;}


/**************************
table class
**************************/
.sg_common_table thead tr th{background-color:#ececec;}
span.sg_editable {cursor:pointer}


/**************************
manage btn
**************************/
a.sg_del_btn {background:url(../images/admin/manage.gif) 0 -70px no-repeat; height:20px; width:20px; display:block; float:left; margin-right:6px}
a.sg_del_btn:hover {background-position: 0 -46px}
a.sg_eidt_btn {background:url(../images/admin/manage.gif) 0 -21px no-repeat; height:20px; width:20px; display:block; float:left; margin-right:6px}
a.sg_eidt_btn:hover {background-position: 0 0}
a.sg_image_show {background:url(../images/admin/manage.gif) 0 -123px no-repeat; height:20px; width:20px; display:block; float:left; margin-right:6px}
a.sg_image_show:hover {background-position: 0 -98px}
a.sg_image_hide {background:url(../images/admin/manage.gif) 0 -176px no-repeat; height:20px; width:20px; display:block; float:left; margin-right:6px}
a.sg_image_hide:hover {background-position: 0 -149px}
a.sg_image_crop {background:url(../images/admin/manage.gif) 0 -204px no-repeat; height:20px; width:20px; display:block; float:left; margin-right:6px}
a.sg_image_crop:hover {background-position: 0 -234px}

a.sg_addnew {background:url(../images/admin/addcancel.png) no-repeat 4px -56px;display:block; padding-left:22px; margin-top:7px; height:15px;}
a.sg_addnew:hover {background-position: 4px -84px}

/**************************
submit btn class
**************************/
.sg_action_btn {text-align:center; margin: 0 auto}
.sg_action_row {text-align:center; margin: 0 auto; padding-top:30px}

input.sg_action_btn {margin:5px 5px 15px 5px; color:#ffffff; cursor:pointer; border:2px solid;  -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; padding:3px 0}

input.sg_submit {background:#323232; border-color:#2f2f2f}
input:hover.sg_submit {background:#888; border-color:#999}

input.sg_cancel {background:#aaa; border-color:#afafaf}
input:hover.sg_cancel {background:#888; border-color:#999}

/**************************
admin_tab
**************************/
ul.sg_admin_tab {margin-left:5px; text-shadow: #fff 1px 1px 1px;}
ul.sg_admin_tab li {line-height:38px; float:left; cursor:pointer; border-width:0 1px 0 1px; border-style:solid; border-color: #fff #fff #bebebe #bebebe; padding: 0 10px 0 10px;}
ul.sg_admin_tab li:hover , ul.sg_admin_tab li.sg_current{background:url(../images/menu_hover.gif) 0 0 repeat-x; border-color: #fff #a0a0a0 #fff #b3b3b3; border-bottom-width:1px}
ul.sg_admin_tab li.sg_current {font-weight:bold; color:#000}
#sleek_gallery ul.sg_admin_tab li a {display:block ; color:#333}
#sleek_gallery ul.sg_admin_tab li a:hover , #sleek_gallery ul.sg_admin_tab li.sg_current a{color:#000}

/**************************
setting box
**************************/
.sg_setting_box {padding:0 0 20px 10px}
.sg_setting_box h3 {font-size:1.5em; font-style:italic; color:333; }
.sg_setting_box h3 span {font-size:0.7em; font-style:normal; font-weight:normal}
.sg_setting_box ul.sg_social li {cursor:move; border:1px solid #fff}
.sg_setting_box ul.sg_social label {cursor:move}
.sg_setting_box ul.sg_social li:hover  {border:1px dotted #ccc; }
.sg_setting_box li{height:20px; padding:9px 0 9px 4px}
.sg_setting_box ul li.sg_footer_row {height:200px}
.sg_setting_box label{display: block; width: 195px; float: left; font-weight: bold;padding-top:4px;}
.sg_setting_box label img {vertical-align:bottom}
.sg_setting_box label span {font-size:0.8em; font-weight:normal}
.sg_setting_box input{padding: 3px; float:left;display: block;}
.sg_setting_box textarea.sg_footer_content {width:560px; height:200px; float:left}

/**************************
user info box
**************************/
.sg_user_info {color:#fff; float:right; line-height:20px; padding:10px 8px 8px 8px ; background:#444; -moz-border-radius:0 0 3px 3px; -khtml-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px;border: solid #333; border-width:0 2px 2px 2px}
#sleek_gallery .sg_user_info a{ color:#fff}
#sleek_gallery .sg_user_info a:hover {color: #ddd ; text-decoration:underline}


/**************************
login class
**************************/
.sg_login {background:url(../images/admin/box_bg.gif) bottom repeat-x #e7e7e7; width: 500px; margin: 50px auto 30px auto; padding: 20px; -moz-border-radius:8px;-webkit-border-radius:8px;overflow: auto; border:2px solid #8f8f8f; *padding-bottom:5px}
.sg_login h2 {background: url(../images/admin/login.gif) 0 0 no-repeat; width: 54px; height: 25px; text-indent: -9999px; margin: 0 0 10px 0; padding: 0;}
.sg_login p{margin: 0 0 17px 0; padding: 0;}
.sg_login p label{
	display: block;
	width: 100px;
	float: left;
	font-weight: bold;
	margin: 12px 0px 0px 0px;
}
.sg_login p input.sg_login_field{width: 278px; padding: 6px 4px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #444; font-size: 12px; background: #f9f9f9; border: 1px solid #cccccc; margin-left:10px}
.sg_login p.sg_remember_me {float:left;margin:30px 0 0 0}
.sg_login .sg_action_btn {float:right; margin: 20px 0 0 0}



/**************************
login class
**************************/
.sg_install {background:url(../images/admin/box_bg.gif) bottom repeat-x #e7e7e7; width: 500px; margin: 50px auto 30px auto; padding: 20px; -moz-border-radius:8px;-webkit-border-radius:8px;overflow: auto; border:2px solid #8f8f8f; *padding-bottom:5px}
.sg_install .sg_des{line-height:18px; padding-bottom:20px}
.sg_install .sg_step {margin:0; padding:0; height:60px}
.sg_install .sg_step li{ float:left; text-align:center; width:150px; padding-right:20px; background:url(../images/admin/step_arrow.gif) 100% 50% no-repeat; color:#aaa; font-size:11px}
.sg_install .sg_step li.last {width:150px; background:no-repeat; padding:0}
.sg_install .sg_step li.sg_current{color:#333}
.sg_install .sg_step li span{font-size:15px; font-weight:bold}
.sg_install p{margin: 0 0 17px 0; padding: 0;}
.sg_install p label{display: block; width: 120px; float: left; font-weight: bold; margin: 12px 0px 0px 0px}
.sg_install p input.sg_login_field{width: 248px; padding: 6px 4px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #444; font-size: 12px; background: #f9f9f9; border: 1px solid #cccccc; margin-left:10px}
.sg_install p.sg_remember_me {float:left;margin:30px 0 0 0}
.sg_install .sg_action_btn {float:right; margin: 20px 0 0 0;  width:85px}

.upload_progress div {
	background: url(../images/admin/uploading.gif);
  width: 126px;
  height: 15px;
}