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

* { font-family:"Helvetica Neue",Arial,Verdana, Geneva, sans-serif;}
/* resets */
form,h1,h2,h3,h4,h5,table,tr,td,fieldset,label,p,ul,li,embed,object,dd,dt,dl {border:0; margin: 0; padding: 0; float: none;  text-decoration: none; outline: none;}
* {outline: 0; outline: hidden; -webkit-touch-callout: none; }




HTML {height: 100%; }
BODY {
	
	margin: 0px;
	padding: 0px;
	font-family:Arial,Verdana, Geneva, sans-serif;
	font-size:12px;
	overflow-y: scroll;
	overflow-y: auto;
	
	position: relative;
}


.clear {
	clear:both;
	height: 0px !important;
	width: 0px !important;
	border:0 !important;
	padding:0 !important;
	margin:0 !important;
}








a,img {border: 0; outline: none;}


.noticebox,
.hintbox {
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	background-color:#FFF4D6;
	border:1px solid #E5D9B5;
	margin-bottom:10px;
	padding:8px;
	text-align:left;
}


/* SWITCH REPLACER */
.tt-switch.on,
.tt-switch {
	background: url(/img/switch_on_mid.png) 9px no-repeat #a0be3d;
	border: 1px solid #6d8920;
	box-shadow: 0px 1px 0px rgba(255,255,255,0.7), 3px 2px 5px rgba(66,83,19,0.5) inset;
	border-radius: 15px;
	position: relative;
	width: 50px;
	height: 24px;
	cursor: pointer;
	display: inline-block;
}


.tt-switch.on span,
.tt-switch span{
	width: 20px;
	height: 21px;
	background: url(/img/switch_mid.png) no-repeat;
	position: absolute;
	right: 2px;
	top: 2px;
	cursor: pointer;
}

.tt-switch.off
 {
	background: url(/img/switch_off_mid.png) 29px no-repeat #c66753;
	border: 1px solid #895246;
	box-shadow: 0px 1px 0px rgba(255,255,255,0.7), 3px 2px 5px rgba(137,82,70,0.7) inset;
}

.tt-switch.off span { left: 3px; top: 2px; }

	/*  SWITCH SMALL */
.tt-switch.small {
	background: url(/img/switch_on_small.png) 7px no-repeat #a0be3d;
	width: 35px;
	height: 17px;
}

.tt-switch.small span{
	width: 12px;
	height: 13px;
	background: url(/img/switch_small.png) no-repeat;
	position: absolute;
	right: 2px;
	top: 2px;
}

.tt-switch.small.off
 {
	background: url(/img/switch_off_small.png) 20px no-repeat #c66753;
	border: 1px solid #895246;
	box-shadow: 0px 1px 0px rgba(255,255,255,0.7), 3px 2px 5px rgba(137,82,70,0.7) inset;
}

.tt-switch.small.off span { left: 3px; top: 2px; }

	/*  SWITCH TINY */
.tt-switch.tiny {
	background: url(/img/switch_on_tiny.png) 5px no-repeat #a0be3d;
	width: 28px;
	height: 11px;
	box-shadow: 0px 1px 0px rgba(255,255,255,0.7), 1px 1px 5px rgba(66,83,19,0.5) inset
}

.tt-switch.tiny span{
	width: 8px;
	height: 9px;
	background: url(/img/switch_tiny.png) no-repeat;
	position: absolute;
	right: 2px;
	top: 1px;
}

.tt-switch.tiny.off
 {
	background: url(/img/switch_off_tiny.png) 15px no-repeat #c66753;
	border: 1px solid #895246;
	box-shadow: 0px 1px 0px rgba(255,255,255,0.7), 1px 1px 5px rgba(137,82,70,0.7) inset;
}

.tt-switch.tiny.off span { left: 2px; top: 1px; }



/* COLOR PICKER */
.tt-colorpicker {
	position: relative;


}
.tt-colorpicker img{
	position: absolute;
	top: -2px;
	right: 10px;
	cursor: pointer;
}

input.tt-colorpicker-val {
	
}

.tt-colorpicker .colors{
	margin-top: 10px;
}

.tt-colorpicker .colors .color{
	margin-bottom: 5px;
	border-radius: 5px;
	height: 15px;
	box-shadow: 0px -1px 0px rgba(0,0,0,0.5) inset, 0px 1px 0px rgba(255,255,255,0.3) inset;
	border: 1px solid #000;
	cursor: pointer;
}

.tt-colorpicker .colors .color:hover{
	box-shadow: 0px -1px 0px rgba(255,255,255,0.3) inset, 0px 1px 0px rgba(0,0,0,0.5) inset;
}

.tt-colorpicker .colors .c-1{background-color: #ffe260;}
.tt-colorpicker .colors .c-2{background-color: #fcc16c;}
.tt-colorpicker .colors .c-3{background-color: #ff625a;}
.tt-colorpicker .colors .c-4{background-color: #e56084;}
.tt-colorpicker .colors .c-5{background-color: #94689c;}
.tt-colorpicker .colors .c-6{background-color: #575bb0;}
.tt-colorpicker .colors .c-7{background-color: #0761af;}
.tt-colorpicker .colors .c-8{background-color: #0090ae;}
.tt-colorpicker .colors .c-9{background-color: #009b78;}
.tt-colorpicker .colors .c-10{background-color: #5eb445;}
.tt-colorpicker .colors .c-11{background-color: #b9db0c;}

/* DROPDOWN REPLACER */
.tt-dropdown {
 background: #fff;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 font-size: 13px;
 font-weight: bold;
 position: relative;
 height: 30px;
 line-height: 30px;
 text-transform: uppercase;
 cursor: pointer;
 margin-bottom: 10px;
 text-align: left;
}

.tt-dropdown.disabled {
 color: #ccc;
 font-style: italic;
 cursor: default;
}

.tt-dropdown.open {
 -moz-border-radius-bottomleft:0px;
 -moz-border-radius-bottomright:0px;
 -webkit-border-bottom-left-radius:0px;
 -webkit-border-bottom-right-radius:0px;
}

.tt-dropdown .arrow {
 background: url(/img/more_arrow.png) no-repeat center;
 height: 25px;
 width: 19px;
 position: absolute;
 right: 5px;
 top: 3px;
}

.tt-dropdown.open .arrow {
 background: url(/img/more_arrow_90.png) no-repeat center;
 height: 25px;
 width: 19px;
 position: absolute;
 right: 5px;
 top: 3px;
}

.tt-dropdown .current {
 padding: 0px 10px;
 white-space: nowrap;
 text-overflow: ellipsis;
 max-width: 80%;
 overflow: hidden;
}

.tt-dropdown ul li{
 list-style: none;
 padding-top: 3px;
 padding-bottom: 3px;
 min-height: 30px;
 max-height: 30px;
  
 border-bottom: 1px dotted #ccc;
 text-overflow: ellipsis;
 max-width: 100%;
 overflow: hidden;
 white-space: nowrap;
}

.tt-dropdown ul li:last-child{
 border-bottom: 0px;
 padding-bottom: 0;
}

.tt-dropdown ul li.active,
.tt-dropdown ul li:hover{
 color: #333;
 }
 
.tt-dropdown ul li.with-icon{
 position: relative;
}

.tt-dropdown ul li.with-icon .icon{
	position: absolute; 
	left: 7px;
	top: 8px;
	width: 18px;
	height: 18px;
}

.tt-dropdown ul li.with-icon .icon img{
	width: 18px;
	height: 18px;
}

.tt-dropdown ul li.with-icon .caption{
	position: absolute; 
	left: 35px;
	top: 3px;
}

.tt-dropdown .list{
 display: none;
 color: #999;
 position: absolute;
 top: 30px;
 z-index: 100;
 background: rgba(255,255,255,0.95);
 -moz-border-radius-bottomleft: 5px;
 -moz-border-radius-bottomright: 5px;
 -webkit-border-bottom-left-radius: 5px;
 -webkit-border-bottom-right-radius: 5px;
 border-radius-bottomleft: 5px;
 border-radius-bottomright: 5px;
 width: 100%;
 max-height: 250px;
 overflow-y: auto;
 border-top: 1px dotted #ccc;
}
.tt-dropdown.open .list{
 display: block;
}

.tt-dropdown .list ul{
 padding: 10px;
}

	/*COLOR SCHEMES FOR TT-DROPDOWN*/
	/* DARKGREY */
	.tt-dropdown.darkgrey {
	 background: #333;
	}
	.tt-dropdown.darkgrey .list{
	 color: #999;
	 background: rgba(30,30,30,0.9);
	 border-top: 1px dotted #666;
	}
	.tt-dropdown.darkgrey.disabled {
	 color: #666;
	}
	.tt-dropdown.darkgrey ul li.active,
	.tt-dropdown.darkgrey ul li:hover{
	 color: #fff;
	 }
	 
	 /* LIGHTGREY */
	.tt-dropdown.lightgrey {
	 background: #ccc;
	 color: #666;
	 
	}
	.tt-dropdown.lightgrey .list{
	 color: #999;
	 background: rgba(200,200,200,0.9);
	 border-top: 1px dotted #f3f3f3;
	}
	.tt-dropdown.lightgrey.disabled {
	 color: #666;
	}
	.tt-dropdown.lightgrey ul li.active,
	.tt-dropdown.lightgrey ul li:hover{
	 color: #666;
	 }
	 
	 /*SIZES FOR TT-DROPDOWN*/
	.tt-dropdown.small {
	 -moz-border-radius: 4px;
	 -webkit-border-radius: 4px;
	 border-radius: 4px;
	 font-size: 12px;
	 height: 28px;
	 line-height: 28px;
	 margin-bottom: 10px;
	}
	
	.tt-dropdown.small .arrow {
	 background: url(/img/more_arrow.png) no-repeat center;
	 height: 25px;
	 width: 19px;
	 position: absolute;
	 right: 5px;
	 top: 1px;
	}
	
	.tt-dropdown.open.small .arrow {
	 background: url(/img/more_arrow_90.png) no-repeat center;
	 height: 25px;
	 width: 19px;
	 position: absolute;
	 right: 5px;
	 top: 1px;
	}
	
	.tt-dropdown.small .current {
	 padding: 0px 8px;
	}
	
	.tt-dropdown.small ul li{
	 padding-bottom: 0px;
	}
	
	.tt-dropdown.small .list{
	 top: 25px;
	 -moz-border-radius-bottomleft: 4px;
	 -moz-border-radius-bottomright: 4px;
	 -webkit-border-bottom-left-radius: 4px;
	 -webkit-border-bottom-right-radius: 4px;
	 border-radius-bottomleft: 4px;
	 border-radius-bottomright: 4px;
	 max-height: 200px;
	}
	
	.tt-dropdown.small .list ul{
	 padding: 4px 8px;
	}