Current File : /data/web/virtuals/215191/virtual/www/domains/skoly-skolky.cz/adm/css/style.css

/* CSS Document */


/*START: RESET DEFAULT STYLES*/
/******************************************************************************/

html, body, div, ul, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, p,table{
     margin: 0;
     padding: 0; 
}

table{
     border-collapse: collapse;
}

ul{
     list-style: none;
}

html, body{
}

h1, h2, h3, h4, h5, h6{
     font-size: 12px;
}

a{
     color: #9F6E27;
}

input[type="submit"],
select{
	cursor: pointer;
}

a:hover{
     text-decoration: none;
}

.hidden{
     display: none;
}

div img{
     border: 0;
}

.clear{
     clear: both;
     height: 0px;
     visibility: hidden;
     font-size: 0;
     line-height: 0;
     display: block;
     margin: 0;
     padding: 0;
     overflow: hidden;
}

/******************************************************************************/
/*END: RESET DEFAULT STYLES*/

body{
     font-size: 12px;
     color: #000;
     font-family: Verdana,sans-serif;
     background: #fff url(../img/red_bg_body.gif) center top no-repeat;
     line-height: 1.6;
}

h1{
	font-size: 25px;
	margin-bottom: 20px;
}

h3{
	margin-bottom: 10px;
}

p{
	margin-bottom: 15px;
}

#main_wrap{
	width: 1000px;
	margin: 0 auto;
}

#header{
	padding: 30px 15px 0;
}

#content{
	padding: 30px 30px 60px;
	background-color: #FFFFFF;
    	box-shadow: 0px 2px 8px 1px #eee;
    	margin-bottom: 15px;
    	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	clear: both;
	width: 940px;
	border: 1px solid #ddd;
}

#footer{
	text-align: center;
	padding: 10px;
}

.pager{
	margin-left: 10px;
	margin-bottom: 10px;
}

.pager a{
	margin: 0 1px;
}

.device_location-2 .row_install a{
	color: #eee;
}

.logo{
	float: left;
	margin: 0 15px 25px;
}

.site_desc{
	font-size: 20px;
	line-height: 83px;
	color: #542380;
}


.left_side{
	width: 43%;
	float: left;
}

.right_side{
	width: 43%;
	float: right;
}

#menu{
	clear: both;
}

#menu li{
	display: inline-block;
	margin-right: 8px;
}

#menu li a{
	display: inline-block;
	font-size: 12px;
	padding: 6px 22px;
	text-decoration: none;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	background-color: #fff;
	color: #542380;
	font-weight: bold;
	margin-bottom: -1px;
}

#menu li a:hover{
	color: #000;
}

#menu li.active a{
	border-bottom: 0;
	padding-bottom: 7px;
	color: #000;
	-moz-box-shadow:    0 10px 12px #FAF5FF inset;
   -webkit-box-shadow: 0 10px 12px #FAF5FF inset;
   box-shadow:         0 10px 12px #FAF5FF inset;
}

.submenu{
	padding-bottom: 10px;
	border-bottom: 1px solid #F5EEFC;
}

.submenu a{
	font-size: 90%;
	margin-right: 10px;
}

.tool_bar{
	padding: 10px;
	text-align: right;
	border-bottom: 1px solid #eee;
	clear: both;
	position: relative;
}

.tool_bar a{
	margin: 0 3px;
}

#tabs_wrap{
	box-shadow: 1px 1px 6px 1px #E7D6F8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 15px;
	position: relative;
	margin-top: 27px;
}

#tabs_wrap .tab_menu{
	position: absolute;
	top: -27px;
}

#tabs_wrap .tab{
	display: inline-block;
	font-size: 90%;
	padding: 4px 15px;
	text-decoration: none;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	background-color: #fff;
}

#tabs_wrap .tab_menu .active{
	border-bottom: 0;
	padding-bottom: 5px;
}





div.contentBox h3{
    	background-color: #FFFFFF;
	border-bottom: 0 none;
	border-radius: 7px 7px 7px 7px;
	box-shadow: 2px 1px 10px 0 #E7D6F8;
	color: #42146F;
	float: left;
	font-size: 12px;
	margin-bottom: -10px;
	margin-left: 14px;
	padding: 8px 25px;
	text-transform: uppercase;
}

.contentBox{
	margin-bottom: 25px;
}

div.form-form,
form.form{
	border-radius: 4px 4px 4px 4px;
    	box-shadow: 1px 1px 6px 1px #E7D6F8;
    	padding: 35px 15px 15px;
    	clear: both;
}

div.form-form label,
form.form label{
	display: inline-block;
	width: 100px;
	text-align: right;
	padding-right: 5px;
	
	
	float: left;
	line-height: 22px;
	clear: left;
	font-size: 90%;
}

#form_login label{
	float: none;
}

#form_login .button_submit{float: none;}

div.form-form br,
form br{
	display: block;
	line-height: 0;
	font-size: 0;
	height: 0;
	clear: both;
}

div.form-form textarea,
form.form textarea,
form.form select,
.input_text{
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	border: 1px solid #ddd;
	padding: 3px 5px;
	box-shadow: 0 0 5px 1px #EEEEEE;
	margin-bottom: 10px;
	margin-right: 10px;
	display: inline-block;
}

div.form-form fieldset,
form.form fieldset{
	border: 1px solid #eee;
	padding: 20px 10px;
	margin-bottom: 25px;
	margin-top: 15px;
}

form.form fieldset legend{
	/*font-weight: bold;*/
	color: #542380;
	margin-left: 15x;
	padding: 5px 15px;
	box-shadow: 1px 1px 6px 1px #ddd;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

div.form-form input[type="checkbox"],
form.form input[type="checkbox"]{
	margin: 4px;
}

.button_submit{
	border-radius: 4px 4px 4px 4px;
    	box-shadow: 1px 1px 6px 1px #DDDDDD;
    	border: 1px solid #aaa;
    	background-color: #542380;
    	padding: 5px 10px;
    	color: #fff;
    	float: right;
    	font-size: 130%;
    	clear: both;
}

.button_submit:hover{
	background-color: #784F9F;
}

#form_insert_support.support_type_5 #devide_field_wrap{display: none;}

table{
	border-collapse: collapse;
	margin-bottom: 25px;
}

table.preview{
	width: 100%;
}

table th{
	font-size: 90%;
	color: #aaa;
	font-weight: normal;
	padding-left: 8px;
	text-align: left;
	border-bottom: 1px solid #999;
}

table td{
	padding: 5px 8px;
	border-bottom: 1px dotted #aaa;
	vertical-align: top;
}

table.preview tr:hover td{
	background-color: #FBFBFA;
}

tr.is_blocked_1 td{
	color: #bbb;
}

tr.is_blocked_1 td .button{display: none;}
tr.is_blocked_1 td .button.detail{display: inline;}

table.detail thead th{
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

table.no-align-right th{text-align: left !important;}

table.detail th{
	text-align: right;
	padding-top: 6px;
}

table.detail td,
table.detail th{
	border-bottom: 0;
	vertical-align: top;
}

table.border-1 tr{
	border-bottom: 1px solid #ddd;
}

a.button{
	font-size: 80%;
	font-weight: bold;
}

a.edit{color: #99CC00;}
a.detail{color: #3333FF;}
a.install{color: #FF6600;}

.button.cancel{
	cursor: pointer;
	background-color: #800000;
    border: 1px solid #AAAAAA;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 6px 1px #DDDDDD;
    clear: both;
    color: #FFFFFF;
    padding: 3px 6px;
}

.blocked{
	font-size: 80%;
	color: red;
}

span.err_bubble{
	font-size: 80%;
	color: #800000;
	
	font-size: 80%;
	position: relative;
	top: -2px;
}


#err_undefined.err_bubble{
	float: right;
	line-height: 30px;
	margin-right: 20px;
}



#user_box{
	float: right;
	margin: 20px;
	color: #555;
}

#user_box a{
	color: #888;
}


.item_content_wrap{
	margin-bottom: 60px;
	position: relative;
}

.item_content_wrap p{
	min-height: 1em;
}

.item_content_wrap label{
	margin-right: 7px;
	float: left;
	width: 105px;
	text-align: right;
	margin-bottom: 5px;
	clear: left;
	font-size: 90%;
	color: #777;
	line-height: 1.9;
}

.item_content_wrap h1{
}

.item_content_wrap h2{
	clear: both;
}

.item_content_wrap address{
	font-style: normal;
}


#map_wrap{
	float: right;
	width: 400px;
	height: 250px;
	border: 1px solid #a6a6a6;
	padding: 5px;
	margin: 0 30px 30px;
}

#map_wrap.no_load_map{
	text-align: center;
	line-height: 250px;
}


#filter_wrap{
	margin-bottom: 20px;
}



#delete_form{
	position: absolute;
	width: 190px;
	position: absolute;
	right: 10%;
	top: -145px;
	background-color: #fff;
	padding: 20px;
	text-align: left;
}

#delete_form .button_submit{
	float: left;
	margin-right: 20px;
}

#delete_form .button.cancel{
	margin-top: 3px;
	display: inline-block;
}

#delete_form #ajax_message{
	display: block;
	font-size: 90%;
	color: #800000;
	clear: both;
	padding-top: 10px;
}

.customer_wrap{
	border: 1px solid #ddd;
	padding: 20px;
	margin-bottom: 40px;
}

.customer_wrap h2{
	font-size: 130%;
}

.customer_wrap hr{
	margin-bottom: 20px;
}

.align_right{
	text-align: right;
}

.total_price{
	font-size: 130%;
	color: #800000;
}



.hp_item{
	width: 29%;
	padding: 1%;
	margin: 1%;
	float: left;
	border: 1px dotted #aaa;
	-webkit-border-radius: 4px
	-moz-border-radius: 4px;
	border-radius: 4px;
}


.page_hp .hp_item table{
	font-size: 90%;
}


.range_field_osa,
.range_field_int{
	margin-bottom: 20px;
}


.clear_filter_btn{
	font-weight: bold;
	color: #800000;
	font-size: 80%;
	margin-right: 10px;
	display: inline-block;
	position: relative;
	top: -1px;
	left: -5px;
	cursor: pointer;
}

.autocomplete-w1 { background:url(img/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }
.autocomplete { width: auto !important; min-width: 130px; max-width:300px !important; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; }
.autocomplete strong { font-weight:normal; color:#3399FF; }


/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }









#device_history tr.no_done_0 td{
	font-weight: bold;
}

.is_copyright_{
	display: none;
}



.wait_ico{
	float: right;
	padding-right: 85px;
	background: url(../img/waiting.gif) right 50% no-repeat; 
}

#btn_check_all,
#btn_open_mass_update_form{
	float: left;
	margin-bottom: 10px;
	margin-right: 20px;
}


a.ax-upload, a.ax-upload-all {
    display: none;
}