@import url('reset.css');

/* General styles of the background and general style of formatting the default text */

body
{
    background-position:left top;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#000;
    text-align:center;
}
body#home {  		background:url(images/bg.png) no-repeat center 0 #000;}
/* Style for links */

.clear
{
    clear:both;
}
.max-width
{
    width:100%;
}

/* Style for links at mouse over action */

a
{
    color:#1ea2e1;
	text-align:center;
}
a:hover
{
    text-decoration:none;
	
}


/* Style for the h1, used for titles of most of the sections */

h1
{

	display:block;
	font-size:36px;
	color:#000000;
}

h2
{
    font-size:30px;

}
h2.white
{
    color:#ffffff;
}
h3
{
    font-size:24px;

}
h4, h5, h6
{
    font-size:18px;

}
p{
	color:#FFF;
}

ul, ol{
	list-style:none;
}

input[type="checkbox"] { border:0;}


/* The wrapper of the content */
.wrapper
{
	width:960px;
	margin:0 auto;
        text-align:left;
 
}
.wrapper-sec
{
	width:960px;
	background: url(images/vertical-bars-background-sec.png) no-repeat;
	background-position:left top;
	margin:0 auto;
        text-align:left;
}
/* Header Section */
.header {height:230px;}

.logo{
    background: url("images/logo.png") no-repeat scroll 0 bottom transparent;
    cursor: pointer;
    display: block;
    height: 150px;
    margin: 0px auto;
    overflow: hidden;
	padding:20px 0 0;
    text-indent: -9999em;
    width: 200px;
}

/*--Menu Begin--*/

#menu {  margin: 20px auto 0;
    text-align: center;
    width: 945px;}
#menu a { 
	color: #555;
	text-transform:uppercase;
	font-size:13px;
	background:url(images/nav-left.png) no-repeat 0 0;
	padding:0 0 0 20px;
	display:block;
	cursor:pointer;
	float:left;
	 margin: 0 0 0 4px;
}
#menu a:first-child { margin:0 0 0 3px;}
#menu a span{ 
    background: url("images/nav-right.png") no-repeat scroll right 0 transparent;
    float: left;
    height: 30px;
    padding: 4px 20px 10px 0;
    text-shadow: 0 1px 0 #FFFFFF;}

#menu a.selected {background:url(images/nav-left.png) no-repeat 0 bottom;}
#menu a.selected span{ background: url("images/nav-right.png") no-repeat scroll right bottom transparent; text-shadow: 0 1px 0 #000; color:#FFF;}
#menu a.selected:hover {background:url(images/nav-left.png) no-repeat 0 bottom;}
#menu a.selected:hover span{ background: url("images/nav-right.png") no-repeat scroll right bottom transparent; text-shadow: 0 1px 0 #000; color:#FFF;}


#menu a:hover {background:url(images/nav-left.png) no-repeat 0 -45px;}
#menu a:hover span{ background: url("images/nav-right.png") no-repeat scroll right -45px transparent; text-shadow: 0 1px 0 #fff; color:#000;}



/* Content Section */
.content {
	/*background:url(images/content-background-fade.png) no-repeat;*/
	background-position:center top;
	width:960px;
	float:left;
	min-height:350px;
	padding-top:25px;
}
.right
{
    float:right !important;
}
.left
{
    float:left;
}
.border-bottom-dashed
{
    border-bottom:1px dashed #B6B7B7;
}


/* Login */
.content h1 { 
    color: #FFFFFF;
    font-size: 20px;
    font-weight: normal;
	margin:20px 0 0;
	text-transform:uppercase;
    text-align: center;}

.login { height:350px;}

#login_form { padding: 20px 0; text-align: center; margin:25px auto; color:#FFF; background:url(images/login-bg.png) no-repeat 0 0; width:363px; height:173px;}

#login_form label {
    display: block;
    font-weight: bold;
    padding: 4px 0;
}

#login_form input {
    background: url("images/input-bg.png") no-repeat scroll right 0 transparent;
    color: #666666;
    margin: 0 0 5px 0;
    overflow: hidden;
    padding: 7px 8px;
    text-align: center;
    width: 279px;
	}
#login_form input:focus { background-position:right bottom;}

#login_form  .login_btn {
	    background: url("images/login-btn.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    height: 29px;
    margin: 10px 0 0;
    padding: 5px 0 11px;
    text-shadow: 0 -1px 0 #333333;
    text-transform: uppercase;
	font-family:inherit;
    width: 296px;}

#login_form  .login_btn:hover { background-position:0 bottom; color:#333; text-shadow: 0 -1px 0 #fff;}

/* Left Panel */

#dash_panel { float:left; width:50%; margin:20px 0 0;}

#dash_panel h2 { font-size:14px; text-transform:uppercase;  color:#ccc; text-align:center; }
#dash_panel p {   width: 120px; word-wrap: break-word;}
.listing { background:url(images/top.png) no-repeat 0 0; padding:10px 0 0 ; width:450px; color:#FFF; margin: 20px auto;}
.listing_inner { background:url(images/sprite.png) repeat-x 0 0 #070708;   padding: 0 15px;    width: 418px; border-left:1px solid #282828;border-right:1px solid #282828; min-height: 170px;}
.listing_btm { background:url(images/btm.png) no-repeat 0 0; width:450px; height:10px;}

.listing_wide { background:url(images/top-wide.png) no-repeat 0 0; padding:10px 0 0 ; width:800px; color:#FFF; margin: 20px auto;}
.listing_wide_inner { background:url(images/sprite.png) repeat-x 0 0 #070708;   padding: 0 15px;    width: 768px; border-left:1px solid #282828;border-right:1px solid #282828; min-height:170px;}
.listing_wide_btm { background:url(images/btm-wide.png) no-repeat 0 0; width:800px; height:10px;}

.listing_wide p {   width: 170px; word-wrap: break-word;}

/* Listing Tabel*/
.listing_tabel { border-collapse:collapse;}
.listing_tabel th, .listing_tabel td {}
.listing_tabel th {    border-bottom: 1px solid #333333;
    font-weight: normal;
    padding: 2px 5px 5px;
	color: #888888;
    text-transform: uppercase;}
.listing_tabel td {padding: 5px; border-top: 1px solid #222222; color:#CCC;}


/* message Tabel*/

.msg_tabel { border-collapse:collapse;}
.msg_tabel th {   
    font-weight: normal;
    padding: 2px 5px 5px;
	color: #888888;
    text-transform: uppercase;}
.msg_tabel td {padding: 5px; color:#CCC;}





/* Comment */
#comments_btn { 
    background: url("images/comment-btn.png") no-repeat scroll 0 0 transparent;
    color: #111111;
    cursor: pointer;
    font-size: 12px;
    height: 25px;
    padding: 3px 12px 7px 0;
    width: 121px;}

#comments_btn .hide { background-position:0 bottom;}

#viewComments {
    background: url("images/comment-btn.png") no-repeat scroll 0 0 transparent;
    color: #111111;
    cursor: pointer;
    font-size: 12px;
    height: 25px;
    padding: 3px 12px 7px 0;
    width: 121px;}

#viewComments .hide { background-position: 0 bottom ;}

#admin_btn {
    background: url("images/white-btn.png") no-repeat scroll 0 0 transparent;
    color: #111111;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    height: 25px;
    padding: 3px 0 7px 0;
    width: 83px;
}



.active { width:14px; height:14px; background:url(images/active-icon.png) no-repeat 0 0; font-size:0; line-height:0; float:right; margin:0 4px;}
.inactive { width:14px; height:14px; background:url(images/inactive-icon.png) no-repeat 0 0; font-size:0; line-height:0; float:right; margin:0 4px;} 
.active.on, .inactive.on { background-position:0 bottom;}

select.actions { text-transform:none; width:67px;}
.messages p {   width: 270px; word-wrap: break-word;}
.comments p { width: 370px; word-wrap: break-word; color:#999;}



/* Pagination */
#pagination {     margin: 0 auto;
    text-align: center;
    width: 800px;}

#pagination a, #pagination span {
    font-size: 12px;
    margin-right: 2px;
    padding: 0 5px;
	color:#999;
}

#pagination .selected{
color:#1ea2e1;
font-weight:bold;
}

#pagination img { margin: 0 0 -1px;}

/* Pagination AJAX */
#paginationAjax {     margin: 0 auto;
    text-align: center;
    width: 765px;}

#paginationAjax a, #paginationAjax span {
    font-size: 12px;
    margin-right: 2px;
    padding: 0 5px;
	color:#999;
}

#paginationAjax .selected{
color:#1ea2e1;
font-weight:bold;
}

#paginationAjax img { margin: 0 0 -1px;}









/* Footer Section */

.footer_outer { width:100%; border-top:1px solid #222; margin:25px 0 0;}

.footer {
	margin: 0 auto 0;
	width:960px;
	position:relative;
	padding:20px 0;
}
.footer p { color:#ccc; margin:0px;}
.footer a.rss {
	display: block;
	float:right;
	background:url(images/rss.png) no-repeat;
	background-position:right top;
	padding-right:35px;
	height:30px;
	line-height:30px;
	font-size:11px;
}
.footer a.back-top {
	display: block;
	background:url(images/back-top.png) no-repeat;
	background-position:left top;
	height:24px;
	width: 24px;
	text-indent:-9999em;
	overflow:hidden;
	position:absolute;
	left:444px;
	top:12px;
}

.setting_input{
    border: 1px solid #444444;
    font-size: 12px;
    padding: 5px;
    border-radius: 10px;    
}
.setting_input:focus { border: 1px solid #1EA2E1;}

.small_setting_input{
    border: 1px solid #444444;
    font-size: 12px;
    padding: 5px;
    border-radius: 10px;
    width:71px;
    text-align:center;
}
.small_setting_input:focus { border: 1px solid #1EA2E1;}

.b_setting_input{
    border: 1px solid #444444;
    font-size: 12px;
    padding: 5px;
    border-radius: 10px;
    width:180px;
}
.b_setting_input:focus { border: 1px solid #1EA2E1;}

#b2message {
    background: url("images/white-btn.png") no-repeat scroll 0 0 transparent;
    color: #111111;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    height: 25px;
    padding: 3px 0 7px 0;
    width: 83px;
}

#edit_comment{
    width: 515px;
    height: 100px;
    border: 1px solid #444444;
    font-size: 12px;
    padding:5px;
    border-radius: 10px;
    


   
}

#edit_comment:focus {
    border: 1px solid #1EA2E1;
}

.comment-active { width:14px; height:14px; background:url(images/active-icon.png) no-repeat 0 0; font-size:0; line-height:0; float:left; margin:0 4px;}
.comment-inactive { width:14px; height:14px; background:url(images/inactive-icon.png) no-repeat 0 0; font-size:0; line-height:0; float:left; margin:0 4px;}
.comment-active.on, .comment-inactive.on { background-position:0 bottom;}


.edit { width:14px; height:14px; background:url(images/edit.png) no-repeat 0 bottom; font-size:0; line-height:0; float:right; margin:0 4px;}
.edit-left { width:14px; height:14px; background:url(images/edit.png) no-repeat 0 bottom; font-size:0; line-height:0; float:left; margin:0 4px;}
.feedback-delete { width:14px; height:14px; background:url(images/inactive-icon.png) no-repeat 0 bottom; font-size:0; line-height:0; float:right; margin:0 4px;}

#edit_topic{
    width: 515px;
    height: 100px;
    border: 1px solid #444444;
    font-size: 12px;
    padding:5px;
    border-radius: 10px;
}

#edit_topic:focus {
    border: 1px solid #1EA2E1;
}


.topics_add_head{
	font-weight: normal;
    padding: 2px 5px 5px;
	color: #888888;
    text-transform: uppercase;
	float:left; 
	border:1px solid #FFFFFF; 	
	position: absolute;
	width:738px; 
}

.topic_input_box{
    border: 1px solid #444444;
    font-size: 12px;
    padding: 5px;
    border-radius: 10px;
    width:425px;
}
.topic_input_box:focus { border: 1px solid #1EA2E1;}

.topic_input_box1{
    border: 1px solid #444444;
    font-size: 12px;
    padding: 5px;
    border-radius: 10px;
    width:150px;
}
.topic_input_box1:focus { border: 1px solid #1EA2E1;}


#add_btn {
    color: #111111;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    height: 25px;
    padding: 0px 0px 7px 0px;
    width: 31px;
	border-radius: 2px;
}

.remove_btn {   
    color: #111111;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    height: 16px;
    padding: 0px 0px;
    width: 17px;
	border-radius: 2px;
}