/*
	Author :Emrullah Tanıma;
	Version : 1.0;
	Date : 2013;
*/
* {
	margin:0;
	padding:0;
}
body {
	background:#f9f9f9;
	margin:0;
	padding:0;
	font-family: 'Ubuntu', sans-serif;
	font-weight:300;
}
img.photo_edit {
	width:80%;
	max-height:400px;
	border-radius:10px;
	margin-top:-40px;
}
#left-container {
	background:#2b2f3e;
	color:#7a7e8a;
	padding:25px 0px;
	width:18%;
	position:fixed;
	height:100% !important;
	box-shadow:inset -5px 0px 8px rgba(0,0,0,0.3);
	outline:none;
	float:left;
	top:0;
	left;0;
}
#user-left {
	text-align:center;
}
#user-left img {
	border-radius:50%;
}
#user-left img.img-user-left {
	padding:8px;
	border:1px solid #383c4a;
	width:52px;
	height:52px;
}
#user-left h4 {
	color:#8e909a;
	font-size:16px;
	font-weight:normal;
	margin-top:10px;
	margin-bottom:10px;
}
#user-left a {
	border:2px solid #343847;
	border-radius:3px;
	color:#616574;
	padding:4px 8px;
	text-decoration:none;
	font-size:13px;
	-webkit-transition: background-color 400ms;
	-moz-transition: background-color 400ms;
	transition:background-color 400ms;
}
#user-left a:hover {
	background:#3c404f;
	color:#fff;
	-webkit-transition: background-color 400ms;
	-moz-transition: background-color 400ms;
	transition: background-color 400ms;
}
#user-left span ul.user-left {
	padding-left:5.4%;
}
#user-left span:hover ul.user-left {
	padding-top:11px;
	position:fixed;
	z-index:1;
	-webkit-transition: all 700ms;
	-moz-transition: all 700ms;
	transition:all 700ms;
}
#user-left ul.user-left  li{
	display:none;
}
#user-left span:hover ul.user-left li {
	display:block;
	padding:7px;
}
#left-navigation {
	font-weight:400;
}
#left-navigation ul.navigation {
	margin-top:75px;
	list-style:none;
}
#left-navigation a {
	color:#7a7e8a;
	text-decoration:none;
	text-transform:uppercase;
	font-size:14px;
}
#left-navigation ul li {
	max-height:15px;
	height:15px;
	padding:11px;
	list-style:none;
	border-bottom:1px solid #2f3444;
	padding-left:17px;
	-webkit-transition: background-color 700ms;
	-moz-transition: background-color 700ms;
	transition:background-color 700ms;
}
#left-navigation ul li:hover {
	background:#ee3b46;
	-webkit-transition: background-color 700ms;
	-moz-transition: background-color 700ms;
	transition:background-color 700ms;
	max-height:15px;
	height:15px;
}
#left-navigation li:hover span {
	color:#fff;
}
#left-navigation a:hover {
	color:#fff;
}
#left-navigation span {
	padding-left:7px;
}
#left-navigation a li img,img.nav{
	max-width:14px;
	max-height:14px;
}
#left-navigation li ul.bot_nav li  {
	display:none;
}
#left-navigation li ul.bot_nav {
	margin-left:105% !important;
	margin-top:-29px;
	transition:all 500ms;
	transition:border 1ms;
	border-radius:5px;
	overflow:hidden;
	border:1px solid #f9f9f9;
	list-style:none;
}
#left-navigation li:hover ul.bot_nav li {
	display:block;
	position:relative;
	font-size:12px;
	text-transform:capitalize;
}
#left-navigation li:hover ul.bot_nav {
	background:#2b2f3e;
	display:block;
	width:140px;
	-webkit-transition: all 800ms;
	-moz-transition: all 800ms;
	transition:all 800ms;
	transition:border 1ms;
	border:1px solid #2f3444;
}
#panel-container {
	width:78%;
	float:left;
	margin-left:18%;
	padding:20px;
	padding-left:2.2%;
	margin-right:auto;
}
#panel-container h1.page {
	color: #84868e;
	font-weight: 300;
	font-size: 32px;
	margin-top: 15px;
	margin-bottom: 20px;
}
#panel-container h1.page span {
	float:left;
}
#panel-container h1.page a {
	text-decoration:none;
	color:#777;
	transition:color 300ms;
	-moz-transition:color 300ms;
	-webkit-transition:color 300ms;
}
#panel-container h1.page a:hover {
	color:#222;
	transition:color 300ms;
	-moz-transition:color 300ms;
	-webkit-transition:color 300ms;
}
#panel-container h1.page a.view_site {
	background:#484848;
	color:#eee;
	float:right;
	font-size:16px;
	padding:5px 20px;
	font-weight:600;
	border-radius:20px;
	border:1px solid #333;
	margin-right:10px;
	margin-top:7px;
	vertical-align:middle;
	transition:background-color 400ms;
	-moz-transition:background-color 400ms;
	-webkit-transition:background-color 400ms;
}
#panel-container h1.page a.view_site:hover {
	background:#333;
	color:#fff;
	transition:background-color 400ms;
	-moz-transition:background-color 400ms;
	-webkit-transition:background-color 400ms;
}
#content {
	background-color:#fff;
	border:1px solid transparent;
	border-color:#ddd;
	border-radius:4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	padding:15px;
	font-weight:bold;
	color:#85868d;
	font-size:14px;
}
#content h4.subject  {
	font-weight:400 !important;
	padding:10px 7px;
	margin-bottom:8px;
	border-bottom:1px dashed #ccc;
	text-transform:capitalize;
	font-size:20px;
	text-transform:uppercase;
}
#content h4.subject span {
	float:right;
	font-size:14px;
	margin-right:15px;
}
#content h4.subject span a{
	color:#007abe;
	transition:color 400ms;
	-moz-transition:color 400ms;
	-webkit-transition:color 400ms;
}
#content h4.subject span a:hover {
	color:#333;
	transition:color 400ms;
	-moz-transition:color 400ms;
	-webkit-transition:color 400ms;
}
#content table.posts {
	width:100% !important;
	border:1px solid #ebebeb;
	border-radius:5px;
	font-weight:400;
}
#content table.posts tr th {
	background:url("../images/table_posts_bg.png") repeat-x;
	padding:10px;
	border-bottom:1px solid #bbb;
	border-right:1px dotted #bbb;
}
#content table.posts tr td {
	text-align:center;
	padding:10px;
	border-bottom:1px solid #eee;
	border-right:1px dotted #eee;
}
#content table.posts tr td a {
	color:#007abe;
	text-decoration:none;
}
#content table.posts tr.noread td {
	background:#f2f1f1 !important;
	color:#888;
}
#login {
	background:#fff;
	width:280px;
	text-align:center;
	margin:0 auto;
	margin-top:17%;
	border:1px solid #111;
	border-color:#ddd;
	border-radius:3px;
}
#login table.login {
	width:100% !important;
}
#login  h3 {
	background:#f5f5f5;
	text-align:center;
	font-weight:300;
	padding:12px;
	color:#9D9EA5;
	margin-bottom:15px;
}
#login table.login tr td input {
	outline:none;
	color:#9D9EA5;
	font-size:14px;
	padding:8px;
	width:220px;
	margin-top:2px;
	border:1px solid #bbb;
	border-radius:2px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
#login table.login tr td {
	padding-top:5px;
}
#login table.login tr td input:hover {
	border:1px solid #ccc;
	transition:all 200ms;
}
#login table.login tr td input:focus {
	border:1px solid #00bff3;
	transition:all 2000ms;
	box-shadow:0px 0px 7px #00bff3;
}
#login a {
	color:#555;
	font-weight:bold;
	font-size:12px;
	margin-right:7px;
	-webkit-transition: all 700ms;
	-moz-transition: all 700ms;
	transition:all 700ms;
}
#login a:hover {
	color:#000;
	-webkit-transition: all 700ms;
	-moz-transition: all 700ms;
	transition:all 700ms;
}
button.login  {
	background:#5bc0de;
	border:1px solid #46b8da;
	color:#fff;
	font-size:14px;
	font-weight:normal;
	padding:7px;
	padding-right:96px;
	padding-left:98px;
	cursor:pointer;
	margin-bottom:20px;
	margin-top:15px;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	transition:all 500ms;
	border-radius:2px;
}
button.login:hover {
	background:#31b0d5;
	border-color:#269abc;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	transition:all 500ms;
}
/* H3 Class Style */
h3.alert_success {
	display:block;
	width:100%;
	background:#e2f6C5 url(../images/icn_alert_success.png) no-repeat;
	margin:10px 3% 0 3%;
	padding:10px 0px;
	border:1px solid #79c20d;
	border-bottom:1px solid #79c20d;
	border-radius:5px;
	background-position:10px 10px;
	color:#32510f;
	text-indent:40px;
	font-size:15px;
	font-weight:400;
	text-transform:capitalize;
}
h3.alert_error {
	display:block;
	width:100%;
	background:#f3d9d9 url(../images/icn_alert_error.png) no-repeat;
	margin:10px 3% 0 3%;
	padding:10px 0px;
	border:1px solid #D20009;
	border-radius:5px;
	background-position:10px 10px;
	color:#7b040f;
	text-indent:40px;
	font-size:15px;
	font-weight:400;
	text-transform:capitalize;
}
h3.alert_warning {
	display:block;
	width:100%;
	background:#f5f3ba url(../images/icn_alert_warning.png) no-repeat;
	margin:10px 3% 0 3%;
	padding:10px 0px;
	border:1px solid #c7a20d;
	border-radius:5px;
	background-position:10px 10px;
	color:#796616;
	text-indent:40px;
	font-size:15px;
	font-weight:400;
	text-transform:capitalize;
}
h3.alert_warning a {
	color:#00aeef;
	padding:3px;
	transition:all 400ms;
	-webkit-transition:all 400ms;
	-moz-transition:all 400ms;
}
h3.alert_warning a:hover {
	color:#333;
	transition:all 400ms;
	-webkit-transition:all 400ms;
	-moz-transition:all 400ms;
}
/* İn Page Table Style */
table.in_page {
	width:100%;
}
table.in_page tr td {
	padding:10px;
	border-bottom:1px solid #ebebeb;
}
table.in_page tr td.label {
	width:180px;
	font-weight:400;
}
table.in_page tr td span  {
	float:right;
}
table.in_page tr td input {
	outline:none;
	color:#444;
	font-size:14px;
	width:95%;
	padding:10px;
	border:1px solid #ccc;
	border-radius:5px;
	transition:border 400ms;
	-webkit-transition:border 400ms;
	-moz-transition:border 400ms;
}
table.in_page tr td input:hover {
	border:1px solid #aaa;
	box-shadow:inset 0px 0px 15px #ebebeb;
	-moz-box-shadow:inset 0px 0px 15px #ebebeb;
	-webkit-box-shadow:inset 0px 0px 15px #ebebeb;
	transition:border 400ms;
	-webkit-transition:border 400ms;
	-moz-transition:border 400ms;
}
table.in_page tr td input:focus , table.in_page tr td select:focus{
	box-shadow:0px 0px 7px #00bff3;
	border-color:#00bff3;
}
table.in_page tr td textarea {
	outline:none;
	margin-top:-35px !important;
	color:#333;
	font-size:14px;
	width:95%;
	padding:10px;
	border:1px solid #ccc;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	transition:border 400ms;
	-webkit-transition:border 400ms;
	-moz-transition:border 400ms;
}
td.textck {
	width:100%;
}
td.text_min {
	width:1px !important;
}
table.in_page tr td textarea:hover {
	outline:none;
	border:1px solid #aaa;
	box-shadow:inset 0px 0px 15px #ddd;
	-moz-box-shadow:inset 0px 0px 15px #ddd;
	-webkit-box-shadow:inset 0px 0px 15px #ddd;
	transition:border 400ms;
	-webkit-transition:border 400ms;
	-moz-transition:border 400ms;
}
table .in_page tr td textarea:focus {
	box-shadow:0px 0px 7px #00bff3 !important;
}
table.in_page tr td select {
	outline:none;
	color:#333;
	font-size:14px;
	width:97.5%;
	padding:10px;
	border:1px solid #ccc;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:inset 0px 0px 15px #ededed;
	-moz-box-shadow:inset 0px 0px 15px #ededed;
	-webkit-box-shadow:inset 0px 0px 15px #ededed;
	transition:border 400ms;
	-webkit-transition:border 400ms;
	-moz-transition:border 400ms;
	cursor:pointer;
}
table.in_page tr td select:hover {
	border:1px solid #aaa;
	box-shadow:inset 0px 0px 15px #ddd;
	-moz-box-shadow:inset 0px 0px 15px #ddd;
	-webkit-box-shadow:inset 0px 0px 15px #ddd;
	transition:border 400ms;
	-webkit-transition:border 400ms;
	-moz-transition:border 400ms;
}
table.in_page button {
	padding:15px;
	margin-right:20px;
	cursor:pointer;
}
p.info {
	font-size:11px;
	color:#007abe;
	margin-top:10px;
}

#copyright {
	text-align:center;
	font-size:12px;
	margin-top:10px;
	color:#aaa;
}
#copyright a {
	text-decoration:none;
	color:#777;
}
#copyright a:hover {
	color:#333;
	text-decoration:underline;
}
#pages_page {
	background:#fff;
	margin-top:15px;
	margin-bottom:5px;
	margin-left:7px;
	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;
}
#pages_page a {
	background:#333;
	color:#eee;
	text-decoration:none;
	padding:7px 10px;
	margin-right:3px;
	border:1px solid #111;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	transition:all 500ms;
	-moz-transition:all 500ms;
	-webkit-transition:all 500ms;
}
#pages_page a:hover {
	background:#000;
	color:#fff;
	transition:all 500ms;
	-moz-transition:all 500ms;
	-webkit-transition:all 500ms;
}
#pages_page a.page {
	background:#ebebeb;
	border:1px solid #bbb;
	color:#333;
}
span.okey {
	background:#00bff3;
	color:#fff;
	padding:5px;
	border-radius:3px;
	border:1px solid #00aeef;
}
.static {
	border:1px solid #ddd;
	width:100%;
	border-radius:3px;
	margin-bottom:10px;
}
.static p {
	background:#ebebeb;
	padding:10px;
	font-weight:400;
}
.static p.top {
	border-radius:3px 3px 0 0;
}
.static p.bottom {
	border-radius:0 0 3px 3px;
}
table.static {
	width:99%;
	padding:15px;
	text-transform:uppercase;
	border:0;
	font-size:16px;
	margin-bottom:-15px;
	margin-top:5px;
}
table.static  tr {
	margin-bottom:55px !important;
	border:0;
}
table.static tr td {
	padding:15px 0px;
	width:33%;
	border:0;
}
table.static .s {
	background:#00aeef;
	font-size:14px;
	color:#fff;
	text-align:center;
	padding:15px;
	border-radius:5px;
	border:1px solid #007abe;
	margin-right:10px;
	margin-top:-15px;
	float:left;
	width:30px;
	overflow:hidden;
	transition:all 500ms;
}
table.static .s:hover {
	background:#ee3b46;
	cursor:pointer;
	transition:all 500ms;
	border:1px solid #ee3b46;
}
table.static span {
	float:left;
	font-weight:400;
}
.add input[type=checkbox]{
	display: none;
}
.add input[type=checkbox] + label{
	display: inline-block;
	background-position:0 0;
	padding:5px;
	cursor: pointer;
	font-size:12px;
	font-weight:normal;
}
.add input[type=checkbox]:checked + label {
	background-position:0px -50px;
	transition:all 200ms;
}
.add label  {
	background:url("../images/checkbox.png") no-repeat;
	padding-left:20px !important;
	transition:all 200ms;
}