#main_cointainer{
	background:url(/templates/chromachecker/login/img/raster.png) repeat;
}  
fieldset {
	padding:10px;
	border:1px solid #ddd;
	background:#fafafa;
	margin-bottom:10px;
}
input[type=text], input[type=number], input[type=password]{
	padding:5px;
	margin-bottom:10px;
	border:1px solid #ccc;
}
textarea {
	padding:5px;
	margin-bottom:10px;
	border:1px solid #ccc;
}
select {
	margin-bottom:10px; 
	border:1px solid #ccc;
	padding:5px;
}

/* Preferences */
.preferences_table select, .preferences_table input {
	margin:0px;
}
.preferences_table select {
	width:130px;
}
.preferences_table {
	width:100%;

	margin-bottom:10px;
	border-collapse:collapse;
}
.preferences_table td {
	border:1px solid #ddd;
	padding:5px;
	background:#fefefe;
	text-align: left;
}
.preferences_table tr td:nth-child(1){
	width:200px;
	font-weight:600;
}
.preferences_table tr td:nth-child(2){
	font-size:10px;
	color:#666;
}
.preferences_table tr td:nth-child(3){
	width:130px;
}
.dashboard_menu {
	list-style:none;
	margin:0px;
	margin-bottom:10px;
	position:relative;
	padding:0px;
}
.dashboard_menu li img {
	height:80px;
	margin:0 auto;	display:block;
	margin-top:5px;
	margin-bottom:15px;
}
.dashboard_menu li a{
	display:block;
	float:left;
	margin:5px;
	height:120px;
	width:120px; 
	text-align:center;
	padding:10px;
	background:#666;
	color:#fff;
}
.dashboard_menu li:empty{
	display:block;
	float:left;
	margin:5px;
	height:120px;
	width:120px; 
	padding:10px;
	color:#fff;
}
.dashboard_menu li a p {
	margin:0px;
	padding:0px;
	line-height:15px;
}
.dashboard_menu li a.violet {
	background:#8f0787;
}
.dashboard_menu li a:hover, .dashboard_menu li a.violet:hover{
	background:#444;
}
h2.dashboard_h2 {
	font-size:20px;
	border:none;
}

/* DASHBOARD START */
#circles_container {
	background:  url('/templates/chromachecker/dashboard/img/base.png') no-repeat center top;
	position:relative;
	height:800px;
	width:1200px;
}
#circles_container_other {
	background:  url('/templates/chromachecker/dashboard/img/base_Tools.png') no-repeat center top;
	position:relative;
	height:800px;
	width:1200px;
}
.circle {
	height:60px;
	width:100px;
	position:absolute;
	color:#fff;
	font-size:14px;
	line-height:20px;
	padding-top:40px;
	text-align:center;
	display:block;
}
.circle_manual {
	font-size:13px;
}
.circle_2_line {
	line-height:15px;
	padding-top:35px;
	height:65px;
}
.circle_3_line {
	line-height:15px;
	padding-top:28px;
	height:72px;
}
.circle_3_line span, .circle_2_line span{
	color:#999;
	font-size:12px;
}
a.circle:hover {
	color:#fff;
	opacity: 0.8;
    filter: alpha(opacity=80); 
}
a.circle_manual:hover {
	background-image : url('/templates/chromachecker/dashboard/img/Dash_stroke.png') !important;
 	opacity: 1;
    filter: alpha(opacity=100); 
}
.circle_efactor:hover {
 -webkit-animation-name: rotate; 
    -webkit-animation-duration: 2s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate; 
    -moz-animation-duration: 2s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important; 
    cursor:pointer;
}
@-webkit-keyframes rotate {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}


#pref_icon:hover {
	background-image : url('/templates/chromachecker/dashboard/img/Dash_pref_h.png') !important;
 	opacity: 1;
    filter: alpha(opacity=100); 
}
.button_next {
	background:#8f0787;
	padding:5px;
	width:200px;
	margin-bottom:10px;
	text-align:center;
	display:block;
	float:left;
	margin-right:10px;
	color:#fff;
}
.button_next:hover{
	background:#666;
	color:#fff;
}