/*@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
*/
a, .link {
        text-decoration: none;
}
a, a:visited, .link {
        color: #555;
}
a:active {
        color: orange;
}
a:hover {
        color: orange;
}
.link {
        cursor: pointer;
        cursor: hand;
}
#body {
        background-color: #000;
        background-position: top center;
        background-repeat: no-repeat;
        background-image: url(<?php print url("template/background.jpg","img");?>);
}
#container {
        position: relative;
        margin: 0 auto 0 auto;
        width: 1280px;
        text-align: center;
        margin-top: 0px;
}
#header {
        position: relative;
        margin: 0 auto -10px auto;
        width: 1002px;
        height: 92px;
        background-image: url(<?php print url("template/head.png","img");?>);
        background-repeat: no-repeat;
        z-index: 100;
}
#content {
        position: relative;
        margin: 10px auto 0 auto;
        width: 1002px;
        background-image: url(<?php print url("template/content.png","img");?>);
        background-repeat: repeat-y;
}
#footer {
        position: relative;
        margin: 0 auto 0 auto;
        width: 1002px;
        height: 55px;
        background-image: url(<?php print url("template/footer.png","img");?>);
        background-repeat: no-repeat;
}
#adminbody {
        background-color: #f3f3f3;
}
#admincontainer {
        position: relative;
        margin: 0 auto 0 auto;
        height: 100%;
        text-align: center
}
#adminheader {
        //position: absolute;
        //top: 0;
        //left: 0;
        //height: 110px;
        width: 100%;
        background-color: #ccc;
}
#adminleft {
        //position: absolute;
        //top: 120px;
        //left: 0;
        width: 200px;
        height: 400px;
        padding-top: 20px;
        border-right: solid 1px #999;
        text-align: left;
        padding-left: 10px;
        box-sizing: border-box;
		float: left;
}
#admincontent {
        //position: absolute;
        //top: 120px;
        //left: 220px;
    width: 100%;
    padding-top: 20px;
    padding-left: 20px;
    text-align: left;
    float: left;
    box-sizing: border-box;
    padding-right: 20px;
}

/*home slider*/

.switch {
  position: relative;
  margin: 20px;
  height: 26px;
  width: 120px;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  left: 80px;
}

.switch-label {
	position: relative;
	z-index: 2;
	float: left;
	width: 58px;
	line-height: 26px;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.35);
	text-align: center;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
	cursor: pointer;
	font-family: 'Rambla','Arial';
	text-transform: uppercase;
}

.switch-label:active {
  font-weight: bold;
}

.switch-label-off {
  padding-left: 2px;
}

.switch-label-on {
  padding-right: 2px;
}

.switch-input {
  display: none;
}

.switch-input:checked + .switch-label {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.65);
  text-shadow: 0 1px rgba(255, 255, 255, 0.25);
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
}

.switch-input:checked + .switch-label-on ~ .switch-selection {
  /* Note: left: 50% doesn't transition in WebKit */
  left: 60px;


	background-image: -webkit-linear-gradient(top, #9DD993, #65BD63);
	background-image: -moz-linear-gradient(top, #9dd993, #65bd63);
	background-image: -o-linear-gradient(top, #9dd993, #65bd63);
	background-image: linear-gradient(to bottom, #9DD993, #65BD63);
  
}

.switch-selection {
  display: block;
  position: absolute;
  z-index: 1;
  top: 2px;
  left: 2px;
  width: 58px;
  height: 22px;
  background: #F00;
  border-radius: 3px;
  background-image: -webkit-linear-gradient(top, #D99393, #F00);
  background-image: -moz-linear-gradient(top, #D99393, #F00);
  background-image: -o-linear-gradient(top, #D99393, #F00);
  background-image: linear-gradient(to bottom, #D99393, #F00);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out,background 0.15s ease-out, all 0.15s ease-out;
}
/*
.switch-blue .switch-selection {
  background: #3aa2d0;
  background-image: -webkit-linear-gradient(top, #4fc9ee, #3aa2d0);
  background-image: -moz-linear-gradient(top, #4fc9ee, #3aa2d0);
  background-image: -o-linear-gradient(top, #4fc9ee, #3aa2d0);
  background-image: linear-gradient(to bottom, #4fc9ee, #3aa2d0);
}*/

.switch-yellow .switch-selection {
  background: #c4bb61;
  background-image: -webkit-linear-gradient(top, #e0dd94, #c4bb61);
  background-image: -moz-linear-gradient(top, #e0dd94, #c4bb61);
  background-image: -o-linear-gradient(top, #e0dd94, #c4bb61);
  background-image: linear-gradient(to bottom, #e0dd94, #c4bb61);
}


span.span_status_site {
    float: left;
	margin-right: 36px;
}

.adminslider .fbutton{
  margin-top: 20px;
}

label.labelinput {
  position: absolute;
  left: -80px;
  top: 7px;
}

.inputtext{
  position: relative;
  margin-bottom:20px;
}

.inputtext label.labelinput{
  left: 20px;
    position: absolute;

}

.inputtext input{
  margin-left: 20px;
  position: relative;
  left: 80px;
  width: 105px;
  padding-left:10px;
}

.titlebox{
  padding-top: 20px;
  padding-bottom: 20px;    
}

.textbox{
  padding-top: 20px;
  padding-bottom: 20px;    
}

.htmlbox{
  border: solid 1px;
  padding: 10px;
  margin: 10px 0;
  border-radius: 3px;
}


tr.tr_title {
  background-color: #808080;
}

img.modify {
  margin-right: 7px;
  vertical-align: middle;
}

img.image_box{
	/*width: 100%;*/
}

.dash{
	margin-top: 20px;
    margin-left: 10px;
}

.menu{
    height: 100%;
    width: 200px;
    font-size: 16px;
    text-align: left;
}

.dashboard{
    margin-left: 9px;
    font-size: 16px;
    background-color: #280C0C;
    color: #fff;
    padding: 0 20px 0 20px;
}

.togglemenu {
    display: none;
}

.cleaner.invisibile{
    display: none;
}

.menuitems{
	opacity:0;
	display:none;
	margin-top:20px;
	margin-left:10px;
}

.titlepage {
    font-size: 20px;
    color: #000;
    height: 40px;
}

.previewcontainer img{
    width: 100%;
    max-width: 400px;
}

/*mini switch on off button*/

.onoffswitch {
    position: relative; width: 50px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #C0C0C0;
    border-radius: 20px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.15s ease-in 0s; -webkit-transition: margin 0.15s ease-in 0s;
    -o-transition: margin 0.1s ease-in 0s; transition: margin 0.1s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 16px; padding: 0; line-height: 16px;
    font-size: 10px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 5px;
	padding-top: 1px;
    background-color: #34C145;
    color: #FFFFFF;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 5px;
	padding-top: 1px;
    background-color: #FF0000;
    color: #FFFFFF;
    text-align: right;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
}
.onoffswitch-switch {
    display: block; width: 20px; margin: -2px;
    background: #FFFFFF;
        background-image: -webkit-gradient(linear,left top,left bottom,from(#FFFFFF),to(#cfd1cf));
        background-image: -moz-linear-gradient(top,#FFFFFF,#cfd1cf);
        /* background-image: -webkit-linear-gradient(top,#FFFFFF,#cfd1cf); */
        background-image: -o-linear-gradient(top,#FFFFFF,#cfd1cf);
        background-image: -ms-linear-gradient(top,#FFFFFF,#cfd1cf);
        background-image: linear-gradient(top,#FFFFFF,#cfd1cf);
        filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffFFFFFF',endColorstr='#ffcfd1cf');

    border: 2px solid #999999; border-radius: 20px;
    position: absolute; top: 0; bottom: 0; right: 30px;
    -moz-transition: all 0.1s ease-in 0s; -webkit-transition: all 0.1s ease-in 0s;
    -o-transition: all 0.1s ease-in 0s; transition: all 0.1s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}

/* END mini switch on off button*/


@media (max-width:640px){

	#adminleft{
		width: 100%;
		border: none;
		padding-top:0;
		padding-left:0;
		height: auto;
	}

	.togglemenu {
		height: 40px;
		background: #808080;
		color: #FFF;
		font-size: 20px;
		box-sizing: border-box;
		padding: 7px;
		display: inherit;
		position: relative;
		border-bottom: solid 1px #000;
	}
	span.togglemenuitems:hover,
	.togglemenu:hover{
		background: #5F5F5F;
		cursor:pointer;
	}

	.dashboard{
		display:none;
	}

	.menuitems,
	.dash{
		margin-top: 0;
		margin-left: 0;
	}
	.dash{
		display:none;
	}
	.menu{
		width: 100%;
	}
	.menu ul li{
		margin: 0;
		padding: 0;
	}
	.menu li>a{
		background: #BFBFBF;
		display: block;
		height: 36px;
		border-bottom: solid 1px #000;
		box-sizing: border-box;
		padding: 10px;
		box-shadow: 0px 1px 0px 0px #FFF inset;
		transition:all 0.3s ease;
	}
	.menu li>a:hover{
		background: #5F5F5F;
	}
	.spanactive{
		color: #9F0800;
		display: block;
		height: 36px;
		padding: 10px;
		box-sizing: border-box;
	}
	.cleaner.invisibile{
		display: block;
	}
	
	.menuitems{
		margin-top: 0;
		margin-left: 0;
	}

	span.togglemenuitems{
		transition: all 0.3s ease;
		height: 40px;
		background: #808080;
		color: #FFF;
		font-size: 20px;
		box-sizing: border-box;
		padding: 9px;
		display: inherit;
		margin: 0;
		position: relative;
	}
	.doublearrowdown {
		vertical-align: top;
		position: absolute;
		right: 10px;
		top: 0;
		bottom: 0;
		margin: auto;	
	}

	.loginarea #login-form{
        width: 100%;
    }

    .fileupload-buttons>.ui-widget{
        margin-bottom: 7px;
    }



}