a {cursor: pointer; text-decoration: none; color: #458481 }
a:visited { color: #458481 }
a:hover { color: #EF5F00 }
a.totopanchor {font-size:10px; text-decoration:none }
a.totopanchor:hover { text-decoration: underline }

/* default site properties */
html, body { margin:0; padding:0; font-family: Verdana; font-weight: normal; font-size: 14px; background: #aaaa9d;}

div.clear { clear:both }
#flash_container { height:0px; position:relative }
div.flash { position: absolute; top: 250px; left: 300px; z-index: 99999; height: 100px; width: 400px; font-size: 19px; font-family: arial; font-weight: bold; text-align:center; border: 2px solid white }
div.flash {
    filter:
        progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=0,strength=0)
        progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=90,strength=7)
        progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=180,strength=7)
        progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=270,strength=0);
	box-shadow: 5px 5px 5px #aaaaaa;
	-moz-box-shadow: 5px 5px 5px #aaaaaa;
	-webkit-box-shadow: 5px 5px 5px #aaaaaa;
}
div.flash.message { background-color: #0F817C }
div.flash.warning { background-color:  #DF7C0F }
div.flash.error { background-color: #AF0000 }

#flashText { display: table-cell; width: 300px; padding-left: 50px; padding-right: 30px; height: 100px; vertical-align: middle; z-index: 999999 }
div.flash.message #flashText { color: white }
div.flash.warning #flashText { color: black }
div.flash.error #flashText { color: white }
.toggle_visibility {}
.toggle_visibility .toggler { border-bottom:1px solid #bbb }
.toggle_visibility .toggler span { display:block; float:left; padding:2px 20px; margin:5px 0 0 30px; cursor:pointer; font-weight:bold; font-size:0.9em }
.toggle_visibility .toggler span:hover { text-decoration:underline }
.toggle_visibility .toggler .on { background:url("/img/list-remove.png") left center no-repeat }
.toggle_visibility .toggler .off { background:url("/img/list-add.png") left center no-repeat }
.toggle_visibility .body { border-bottom:1px solid #bbb; padding:10px 5px }
h1 {font-size: 1.7em;padding-left:10px; border-bottom: 0; margin-left: 0;}
.static_warning, .static_information, .static_question {-moz-border-radius:5px; padding:5px 10px 15px 50px; margin:0 10px }
.static_warning { border:1px solid #D57100; background:#FFF36F url('/img/dialog-warning.png') left center no-repeat;}
.static_warning p {}
.static_information { border:1px solid #3F78B5; background:#9FCDFF url('/img/dialog-information.png') left center no-repeat; margin: 20px }
.static_information p {}
.static_question { border:1px solid #3F78B5; background:#9FCDFF url('/img/dialog-question.png') left center no-repeat; margin: 20px }
.inline-img { vertical-align: middle }
.helpicon { cursor: pointer }
.shorttableinfo { margin: 5px auto; text-align: center; margin: 0 auto }
.object_view th { width: 200px }
.object_view_options { width: 300px; margin: 0 auto; text-align: center }
.object_view_related_header { font-size: 13px; font-weight: bold }

/* breadcrumb */
#breadcrumb { color: #999; background: orange; text-align: left; z-index: 100; height: 20px }
#breadcrumb div { display: inline-block; padding: 3px 10px; height: 12px; font-size: 12px;  max-width: 150px; overflow: hidden; white-space: nowrap  }
#breadcrumb a { text-decoration:none; color: black; white-space: nowrap; vertical-align: top}
#breadcrumb a:hover {text-decoration:underline; color: maroon}
#breadcrumb span {color:black; width: 200px; overflow: hidden }
#breadcrumb .separator { margin: 0; padding: 3px 0px }
#breadcrumb div:hover { max-width: none }

/* input suggest */
div.ac_results { border: 1px solid gray; background-color: white; padding: 0; margin: 0; position: absolute; z-index: 10000; display: none }
ul.ac_results {padding: 0; margin: 0; list-style: none; }
.ac_results li { font-size:0.9em; padding: 2px 5px; white-space: nowrap; color: #101010; text-align: left }
.ac_results .small { font-size:0.8em }
.ac_results li:nth-child(2n+1) {background:#f6f6f6 }
.ac_results li:hover, .ac_results li.ac_over:nth-child(2n+1) { cursor: pointer; background-color: #F0F0B8 }
ul li.ac_over { cursor: pointer; background-color: #F0F0B8 }
.ac_match { text-decoration: underline; color: black }

div.user_suggest div {display:inline-block; padding:0 2px; word-wrap: break-word; white-space: pre-line; font-size: 11px; font-weight:normal; overflow: hidden}
div.user_suggest div:nth-child(1):not(.header) {width:60px; font-weight:bold; font-size: 11px}
div.user_suggest div:nth-child(2) {width:40px }
div.user_suggest div:nth-child(3):not(.footer) {width:100px }
div.user_suggest div:nth-child(4) {width:200px; }
div.user_suggest div:nth-child(5) {width:200px; font-style:italic; }
div.user_suggest .footer {color:white; background:#666; font-size:9px; font-weight:bold; padding:3px 5px; display:block}
div.user_suggest .header {color:#666; background:#ccc; font-size:9px; font-weight:bold; padding:3px 5px}
div.user_suggest .header div { display:inline-block; padding:0 2px; float: left }


.tabs_area .tab_body .static_information {margin:0}
.tabs_area {margin:10px}
.tabs_area .tabs {clear:both; display:block; margin:0; padding:0; font-size:0.9em; font-weight:bold; border-bottom:1px solid #9CBAB8}
.tabs_area .tabs li {display:block; float:left; padding:2px 20px; margin:5px 0 0 5px; border:1px solid #9CBAB8; background:#D5E1E0; position:relative; top:1px; -moz-border-radius:4px 4px 0 0; cursor:pointer}
.tabs_area .tabs li.active {background:white; border-bottom:1px solid white; cursor:default}
.tabs_area .tab_body {clear:both; margin:15px 30px }
.tabs_area label { width: 250px }


/* page welcome tabs */
#page_welcome_tabbler.tabs_area ul { margin: 0; padding: 0; border-bottom: 0px }
#page_welcome_tabbler.tabs_area ul li { color: #327573; font-size: 18px; background: white }
#page_welcome_tabbler .info { margin-top: 0}
#page_welcome_tabbler.tabs_area .tab_body { border: 0; margin-top: 0px; clear:both; margin:0px -5px }
#page_welcome .bob { 
	border: 0; color: white; background: #FF8E00; font-weight: normal; font-weight: normal; font-size: 13px; font-weight: bold; font-family: arial;
	display: block; width: 230px; height: 85px; float: right; position: absolute; top: 6px; right: 18px; -moz-border-radius: 4px;
	text-align: center; padding-top: 8px; cursor: pointer; box-shadow: 5px 5px 3px #999;
	-webkit-box-shadow: 5px 5px 3px #999;
	box-shadow: 5px 5px 3px #999;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#999999');
}
#page_welcome .bob .bob_sl { font-size: 16px; margin: 3px auto; }
#page_welcome .bob .button { 
	border: 2px solid #CC4200; background: url('/img/cart_big.png') 5px 2px no-repeat white; color: #CC4200; display: block; width: 100px; height: 23px; font-weight: bold;
	text-indent: 26px; text-shadow: none; box-shadow: 2px 2px 2px #444; padding-top: 5px; margin: 0 auto; margin-top: 14px; font-size: 16px
}

#page_welcome #order-cancel { padding:5px 7px; }

/* forms */
label { width: 200px; font-weight: bold; text-align:right; display:inline-block;}
label span {color:#666; font-size:9px}
.labels { display: inline-block }
.field { display: inline-block }
form .row { margin-bottom: 15px }
.form div.field { padding:0 5px; min-width:200px; vertical-align:top }
.form div.fieldCell { margin:0 auto; text-align: center }
.form div.error_msg { color:red; float:left; font-size:0.9em; padding-top:0.1em }
.form div.valid_msg { color:green; background:url("/img/dialog-valid.png") left center no-repeat; padding-left:20px; float:left; display:block; min-width:20px }
.form .row { padding: 5px 0;}
.form .form_array .checkbox { margin:0; padding:0 }
.form td.error { border:1px solid red }
.form tr.warning select { border: 1px solid #3399ff}
.form tr.warning input:disabled{ border: 1px solid #3399ff }
.form tr.warning input[disabled]{ border: 1px solid #3399ff }
.form div.submit { margin: 0 auto; padding:15px; text-align: center;}
button.submit { font-weight:bold; vertical-align:center; padding:5px 7px; margin-left: 18px; -moz-border-radius: 8px }
button.cancel { vertical-align:center; padding:5px 7px; margin-right: 18px }
.form button span {padding:0px 3px}
.checkbox label {width:auto; text-align:left; font-weight:normal}

.finder_container { margin: 20px; width: 600px; text-align: center }
.finder_container label { width: 200px }
form .row .row { margin-bottom: 0px; padding: 0 }
.mixfieldresults { margin-left: 200px; padding: 5px }
.mixfieldresults div { padding: 5px}

/* edytoirek html, ale w formie textarea */
.html_edit {width:611px; height:230px}
.editor_buttons {font-size:10px;}
.editor_buttons span {margin:0 5px; cursor:pointer}
.editor_buttons span.selected {cursor:default; background-color:#aaa}

/* tables */
table.list {width:100%; border-collapse: separate; margin:20px 0; background: #fff}
table.list tr { height: 28px } 
table.list th { background: url('/img/table_th_bg.png') repeat-x; background-color: #377673; margin: 3px; padding: 3px; color: white; font-size: 14px; text-shadow: 1px 1px 0 #1D1D1D }
table.list tr { background: #d5e1e0 }
table.list tr:nth-child(even) { background: #D5E1E0 }
table.list tr:nth-child(odd) { background: #E8ECEC }
table.list td { padding: 0px 3px; font-size: 12px; border: 0 }
table.list:not(.downloadlist):not(.editresultslist) tr:hover {background: #fa9a59}
table.list a, table.list a:visited { color: black; text-shadow: 1px 1px 0 #ddd }
table.list:not(.downloadlist):not(.editresultslist) a:hover { color: white; text-shadow: 1px 1px 0 #333 }
table.list.downloadlist a:hover { color: #EF5F00 }



/* duzy box na jasnym tle - np w logowaniu, ofercie */
.big_light_box { margin:20px 80px; font-size:12px}
.required {color:red}
.red-dot-info {color:red}

/* outer container */
#outer_container { position:relative;  margin: 0 auto; padding: 0; width: 1000px; background-color: white; margin-top: 20px; -moz-border-radius: 12px; border: 1px solid #666;}
#footer { text-align: center; clear: both; padding:0; margin:0; color:#333; font-size:12px; font-weight: bold }
#logo-gwo { margin: 0 auto }

/* header */
#header { color: #000; height: 117px; position: relative; text-align:center; display:table; width:100%; background: url('/img/header_ls.jpg'); background-repeat: no-repeat; background-position: right top; -moz-border-radius-topleft: 12px; -moz-border-radius-topright: 12px}
#header #logo-ls {vertical-align: middle; display:table-cell; margin:10px 0 0 30px; width:95px }
#header #logo-gwo {vertical-align: middle; display:table-cell; margin-right:0px; margin-top:20px}
#header h1 { text-align:center ; vertical-align: middle;  display:table-cell}

/* content */

/* topmenu */
.topmenutabs_area .tab_body .static_information { margin:0 }
.topmenutabs_area { height: 34px }
.topmenutabs_area .tabs li { min-height: 34px;  display:block; float: left; list-style-type:none; cursor:pointer; height: 16px; text-align: center }
.topmenutabs_area .tabs li.active { background: url('/img/navMenuBackground-active.gif'); background-position:center bottom; background-repeat:no-repeat; background-color: #275654; cursor:default }
.topmenutabs_area .tab_body { clear: both }
#topmenu_menu { background: url('/img/navMenuBackground.gif'); margin:0 }
#topmenu a { color: white; font-weight: normal; text-decoration: none; text-shadow:1px 1px 0 #4D4D4D; display:block; padding: 9px 17px; }
#topmenu a.admin { color: #CF8FFF;}
#topmenu a:hover { color: #FA7217 }
#topmenu_tabsarea { background: url('/img/navMenuBackground.gif') }
#topmenu_menu_help { background: transparent; cursor: default; display: block; color: #fff; float: right;  padding: 9px 20px; min-height:0; }
#topmenu_menu_help a {display:inline; padding:0}
#topmenu_welcome { position: absolute; top: -17px; right: 0px; width: 800px; height: 15px; color: white; font-size: 12px; font-weight: bold; text-align:right }
#topmenu_welcome a { font-size: 12px; display: inline; color: white; text-shadow: none; font-weight: bold; padding: 9px 0 9px 20px; margin-left: 0px; }
#topmenu_welcome a:hover { color: #FF8C3F }

.newadmin_menudiv { border: 1px solid #FA7217; background: white; position: absolute; background: rgb(59, 114, 111); background: rgba(59, 114, 111, 0.85); z-index: 1000 }

/* inner container */
.innercontainer { background-color: #fff; padding: 10px; margin-bottom: 30px; min-height:250px; position: relative }
.innercontainer h1 { font-size: 25px; margin-bottom: 30px }
.innercontainer h1 img { vertical-align: top }

.bordercontainer { border: 1px solid #BEBEBE; -moz-border-radius: 10px; margin-bottom: 15px; padding-bottom: 15px }
.bordercontainer legend { font-size: 18px; color: #BEBEBE; margin-left: 36px }
div.info { margin: 15px 30px; margin-right: 50px; padding-left: 50px; background: url('/img/i.png') no-repeat; min-height: 45px; font-size: 12px; line-height: 18px }
div.info_orange { margin: 15px 30px; margin-bottom: 0px; margin-right: 50px; padding-left: 50px; background: url('/img/i_orange.png') no-repeat; min-height: 45px; font-size: 12px; line-height: 18px }
#newclassinfocontainer { margin-bottom: 0px; }
#newclassinfocontainer_div { padding-top: 7px; color: #327573; font-weight: bold; font-size: 14px; cursor: pointer; font-family: arial }
#newclassinfocontainer_div_d { margin-bottom: 7px; color: #327573; font-weight: bold; font-size: 10px; cursor: pointer; font-family: arial }
#editclassinfo_div { color: #327573; font-weight: bold; font-size: 14px; cursor: pointer; font-family: arial }
#editclassinfo_div_d { margin-bottom: 7px; color: #327573; font-weight: bold; font-size: 10px; cursor: pointer; font-family: arial }

/* logowanie */
#login_container { position: relative;height: 200px }
#login_form { width: 260px; height: 150px; text-align: right; position: absolute; left: 10px; top: 25px; font-size: 14px; padding-right: 20px }
#login_form label { width: auto }
#login_form .labels { text-align: left; margin-right: 15px }
#login_form input[type="text"], #login_form input[type="password"] { width: 160px }
#login_submit { text-align: center }
#login_header { font-size: 13px; font-family: arial; position: absolute; left: 305px; top: 15px; border-left: 1px solid #dddddd; padding-left: 25px }
#login_header_ul li { margin-bottom: 8px; line-height: 18px }
#login_footer { display: none; position: absolute; left: 300px; bottom: 0px; font-size: 13px; font-family: arial }
#login_footer_ul li { margin-bottom: 8px; line-height: 18px }
#login_form_menu { position: absolute; bottom: 0px; width: 100%; text-align: center }

/* forget password */
#forgetPasswordContainer .form { margin-top: 30px }
#forgetPasswordContainer label { width: 200px; display: inline}
#forgetPasswordContainer .row { width: 400px; margin: 0 auto }
#forgetPasswordContainer .required_explanation { margin-top: 20px; color: darkred }
#forgetPasswordFormDiv { width: 500px; margin: 0 auto; text-align: center }

/* welcome page */

/* class list */
#classListDiv { margin-top: 0px; margin-bottom: 0px }
#classListDiv .list0 { margin-top: 0px }
table.list0 { width: 100%; margin: 20px 0 }
table.list0 td { font-size: 12px }
.list0class { text-align: center; width: 60px }
table td.list0class a { font-size: 16px; font-weight: bold; text-shadow: none; text-decoration: none }
.list0school { width: 300px }
.list0program { width: 220px }
.list0stdqnt { text-align: center; width: 80px }
.list0notes { width: 125px }
table.list0 .list0last { width: 120px }

.tiny_link {font-size:9px; text-shadow:none }

/* new class */
.orange_button { cursor: pointer; padding: 10px; background-color: #FF7E00; -moz-border-radius: 6px; color: white; text-shadow: 2px 2px 3px #333; font-weight: bold }
.orange_button:hover { background-color: #EF6C1F }
.green_button { cursor: pointer; padding: 7px 25px; background-color: #1D6E6A; -moz-border-radius: 6px; color: white; font-weight: bold }
.green_button:hover { background-color: #105551 }

#unusedClassesToggler { margin: 20px auto; padding: 5px 15px }
#unusedClassesDiv #editSchoolClass { display:none }
.newSchoolClassForm #schoolclass_name_id { width: 40px }
.newSchoolClassForm #schoolclass_school_id_id { width: 300px }
.newSchoolClassForm #schoolclass_lsprogram_id_id { width: 210px }
.newSchoolClassForm #schoolclass_notes_id { width: 115px }
.newSchoolClassForm #schoolclass_years_back_id { width: 110px }
#schoolclass_students_quantity_id { width: 40px }

/* tests */
table.list2 { width: 820px; margin-top:10px; margin-bottom: 35px; margin-right: 35px; float:right }
table.list3 { width: 800px; margin: 20px auto }
.testlistname { text-align: center }
td.list3class { background-color: #9cbab8; width: 100px; text-align: center }
td.list3school { background-color: #9cbab8; width: 250px }
td.list3program { background-color: #9cbab8; width: 250px }
td.list3stcount { background-color: #9cbab8; width: 100px; text-align: center }
td.list3notes { background-color: #9cbab8; width: 220px }
td.list3container { background-color: #d5e1e0 }
.testlistveno { width: 60px; text-align: center; padding: 3px }
.testlistdate { width: 250px; text-align: center; padding: 3px }
.testlistresults { width: 150px; background: url('/img/message.png') 7px 1px no-repeat; text-align: left; text-indent: 35px }
.testlistresultsBell { width: 100px; background: url('/img/bell.gif') 7px 1px no-repeat; text-align: left; text-indent: 35px }
.testlistreports { width: 100px; background: url('/img/spreadsheet.png') 7px 1px no-repeat; text-align: left; text-indent: 35px }
table th.list_th_light { background: url('/img/table_th_light_bg.png') repeat-x; background-color: #629491; }
.listblankstrip { background: #fff }

/* edit test results */
.results_edit table { width: auto; margin: 0 auto } 
.results_edit select, .results_edit checkbox, .results_edit .result { background:white; color:black; border:1px solid #ccc; text-align:center }
.results_edit td { text-align:center }
.results_edit .stud_id { width: 55px }
.results_edit .ver_sel { width: 58px }
.results_edit .exercise_col {min-width:37px; text-align:center }
.results_edit .result { width: 25px; }
.results_edit .row_total, .results_edit .row_total_perc, .results_edit input[disabled="disabled"], .results_edit input[disabled=""] { width: 25px; background:#eee; color:#666; border:1px solid #ccc; text-align:center }
.results_edit .error { border:1px solid red !important }
#editResultsCancel { float: right }
.additional_question { width: 700px; }
/* ukryty wiersz ktory jest dawca wierszy zadan dla js */
#dawca_zadan {display:none}

/* charts */
#general_reports { margin: 20px 8px; padding: 20px 40px; border: 1px solid #BEBEBE; -moz-border-radius: 8px }
.reports_toggler { font-size: 14px; font-weight: bold; margin-bottom: 15px; margin-top: 0px; color: #FA7217; cursor: pointer }
.report_options_container { }
#report_options_container_2 { display: none }
.report_option { margin: 10px 20px; font-size: 14px }
.report_option .report_info { margin-left: 50px; font-size: 12px; font-style: italic }
#student_reports { margin: 20px 8px; padding: 20px 40px; border: 1px solid #BEBEBE; -moz-border-radius: 8px }
.student_all_selector, .student_none_selector { color: blue; font-size: 11px; cursor: pointer }
.report_option_header { color: #3A7C79 }
#drawChartsCancel {float: right}


#downloadsContainer { width: 800px; margin: 0 auto } 
/* contact */
#contactContainer { width: 550px; margin: 0 auto }
#contactContainer p { margin-top: 35px; margin: 3px; font-size: 12px }
#contactContainer .row { margin-bottom: -5px }
#contactContainer .labels { vertical-align: top; display: block; width: auto }
#contactContainer .labels label { width: auto; padding: 5px }
#contactContainer input[type="text"] { width: 300px }
#contactContainer textarea { width: 500px }
#contactContainer input[type="text"], #contactContainer textarea { background-color: #d5e7e0; border: 1px solid #ccc; color:#173F3C  }

/* downloads */
#downloadsIndex { margin-left: 0px; padding-left: 5px }
#downloadsIndex li { margin: 10px }
#downloadsIndex li a { font-size: 14px; color: #336D6A; text-decoration: none; font-weight: bold }
#downloadsIndex li a:hover { color: #FA7217 }
#downloadsIndex li a.active { color: #FA7217 }
#downloadsContainer table { width: 800px; margin: 10px auto 0px }
#downloadsContainer th.upperheader { height: 30px }
#downloadsContainer .testname { width: 160px }
#downloadsContainer td.testname { width: 150px; font-size: 15px; font-weight: bold; color: #000; text-shadow: 1px 1px 0 #ddd; text-align: center }
#downloadsContainer .download { width: 640px }
#downloadsContainer .the_switcher { display: block; width: 21px; height: 16px; float: right; margin-right: 10px }
#downloadsContainer .downswitcher { background-image: url('/img/down.png') }
#downloadsContainer .upswitcher { background-image: url('/img/up.png') }


/* shoppings check */
#lscheckredirector { width: 800px; height: 120px; margin: 0 auto; margin-top: 20px; position: relative }
#lscheckredirector_info { width: 650px; height: 90px; position: absolute; left: 45px; top: 7px }
#lscheckredirector_info ul { margin-top: 8px; padding-right: 30px }
#lscheckredirector_info_header { font-weight: bold; font-size: 16px }
#lscheckredirector_info li { margin-top: 5px }
#lscheckredirector_button { padding: 5px 15px }

/* shoppings */
table.shoppingsformlist { width: 800px; margin: 20px auto }
.shoppingsformlist .first { width: 450px }
.shoppingsformlist .second { width: 120px; text-align: center }
.shoppingsformlist .third { width: 90px; text-align: center }
.shoppingsformlist .fourth { width: 90px; text-align: center }
.shoppingsformlist .fifth { width: 100px; text-align: center }
.shoppingsformlist_disability_toggler { padding: 3px; margin: 0 auto; cursor: pointer }
.shoppingsformlist .disabled { background-color: #aa4444 }

/* view order */
#orderViewContainer { margin-bottom: 0px; padding-bottom: 0px; min-height: 50px; margin-bottom: 40px }
table.vieworderlist { width: 910px; margin: 0 auto }
.vieworderlist .first { width: 350px }
.vieworderlist .second, .vieworderlist .third, .vieworderlist .fourth, .vieworderlist .fifth, .vieworderlist .sixth, .vieworderlist .seventh { width: 65px; text-align: center }
.vieworderlist .eighth { width: 75px; text-align: center }
.vieworderlist .nineth { width: 90px; text-align: center; font-weight: bold }
.vieworderlist .lastrow td { font-weight: bold }
table.orderdetailslist { width: 960px; margin: 0 auto }
table.orderdetailslist .row  {margin-bottom: 8px; clear:both }
table.orderdetailslist .row span {float:left}
table.orderdetailslist .row label {clear:left; }
table.orderdetailslist .labels { width: 140px; float: left }
table.orderdetailslist label { width: 140px }
table.orderdetailslist .field { float: left; min-width: 150px }
table.orderdetailslist td { background-color: #d5e1e0 }
table.orderdetailslist input {width:130px}
#editResultsContainer { padding-top: 0px; margin-top: 0px }
#editResultsContainer .static_information ol li { margin-bottom: 9px }
#editResultsContainer .static_information ol[type="a"] li { margin-bottom: 2px }
#editResultsContainer .static_information ul li { margin-bottom: 2px }

/* administration pages */
/* welcome */
.admwel_header { border-bottom: 1px solid #666; margin-bottom: 15px; margin-top: 15px; font-weight: bold; font-size: 16px }
.admwel_container { display: block; clear: both }
.admwel_link img { border: 0 }
.admwel_block { display: inline-block; width: 200px; height: 100px; border: 1px solid #ccc; -moz-border-radius: 8px; margin: 15px; padding: 5px; float: left }
.admwel_block:hover { background-color: #eee }
.admwel_block img { display: block; margin: 5px auto }
.admwel_block p { text-align: center }

/* school finding */
#schoolfind_container { width: 400px; text-align: center }
#schoolfind_container p {  }
#schoolfind_container label { width: 200px }


/* announcements box on welcome page */

.announcement { border-bottom: 1px solid #ccc }



.order_address_selector { width: 150px }
#orderdetailstoggler { width: 600px; margin-left: 22px; height: 25px }
#orderdetailstoggler span { background-color: #D5E1E0; padding: 3px 20px }
#orderdetailstoggler span label { width: auto; text-align: left; font-weight: normal; font-weight: bold }
.ordertype2list { display: none }


#order_beforefinish { }
#order_beforefinish div { }
.order_beforefinish_content { padding: 10px; border: 1px solid #aaa; background: #f6f6f6 }
.order_beforefinish_content u { font-size: 14px; font-weight: bold }
#order_beforefinish_saler { width: 530px; display: inline-block; float: left; margin: 10px }
#order_beforefinish_saler .order_beforefinish_content { height: 50px }
#order_beforefinish_saler span { font-size: 14px; font-weight: bold; display: block }
#order_beforefinish_saler div { padding: 10px; padding-left: 30px }
#order_beforefinish_date { width: 380px; display: inline-block; float: left; margin: 10px }
#order_beforefinish_date .order_beforefinish_content { padding: 5px; height: 60px }
#order_beforefinish_date span { font-size: 14px; display: block }
#order_beforefinish_date-date { float: left; display: inline-block; margin: 10px }
#order_beforefinish_date-orderid { float: left; display: inline-block; margin: 10px; margin-left: 60px }
#order_beforefinish_buyer { margin: 10px }
#order_beforefinish_buyer span { font-size: 14px; display: block; font-weight: bold }
#order_beforefinish_buyer .order_beforefinish_content { padding-left: 80px }
#order_beforefinish_buyer-contact { display: inline-block; width: 33%; float: left }
#order_beforefinish_buyer-invoice { display: inline-block; width: 33%; float: left }
#order_beforefinish_buyer-delivery { display: inline-block; width: 33%; float: left }
#order_beforefinish_cart { margin: 10px }
#order_beforefinish_cart span { font-size: 14px; display: block }
#order_beforefinish_cart-cart {  }
#order_beforefinish_cart-info { margin: 10px }
#order_beforefinish_cart-infol { display: inline-block; width: 70%; float: left; line-height: 25px }
#order_beforefinish_cart-infor { display: inline-block; float: left }

#order_beforefinish_submit-buttonback { display: inline-block; float: left; width: 150px; text-align: center }
#order_beforefinish_submit-info { display: inline-block; float: left; width: 500px }
#order_beforefinish_submit-submitbutton { display: inline-block; float: right; margin-right: 30px }
#order_beforefinish_submit-submitbutton button { font-size: 20px; border: 0; text-align: center }


.edition_edit #product_form {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AAAA9D', endColorstr='#ffffff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#AAAA9D), to(#fff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #AAAA9D,  #fff); /* for firefox 3.6+ */
	border:0px solid; margin-left:210px; -moz-border-radius:15px 0 0 0;
}


.proginfo_box { border: 1px solid black; margin: 15px; -moz-border-radius: 4px }
.proginfo_box legend { padding: 4px 15px; margin-left: 10px; background: url('/img/navMenuBackground.gif'); -moz-border-radius: 6px }
.proginfo_box legend h2 { margin: 0; color: white; text-shadow: 2px 2px 0 #1D1D1D; font-family: Arial }



.fform_fields { margin-top: 30px; padding-left: 200px; margin: 0 auto }
.fform_fields label { width: 150px }
.fform_fields select { width: 350px }
#fform_classes { margin-top: 30px; padding-left: 200px; margin: 0 auto }
#fform_classes label { width: auto }

.test_find_form {  }
.test_find_form label { width: auto }

#tooltip { position: absolute; z-index: 3000; border: 1px solid #111; background-color: #eee; padding: 5px; font-size: 11px; max-width: 400px }
#tooltip h3, #tooltip div { margin: 0; }

#help_container { line-height: 19px; width: 915px; margin: 0 auto }
#help_container ol { margin-bottom: 20px }
#help_container ol div { margin-bottom: 20px }
.iterator_header { color: #144F4B; font-weight:bold; font-size: 14px; margin-bottom: 9px; margin-top: 5px; cursor: pointer }
.small_header { color: #498784; font-weight: bold; font-size: 18px; margin-top: 15px; margin-bottom: 8px; margin-left: 60px }
.small_subheader { color: black; font-weight: bold; font-size: 14px; margin-top: 15px; margin-bottom: 8px; margin-left: 60px }
.afterfinish_header { color: #498784; font-weight: bold; font-size: 18px; margin-top: 25px; margin-bottom: 25px }

.remove { cursor: pointer }


#tabs .ui-widget-header { background: none; border: 0; position: relative; bottom: -2px; color: #327573 }
#tabs.ui-widget-content { background: none; border: 0px }
.tabs_ui.ui-widget-content { background: none; border: 0px }
#tabs .ui-state-active { background: #FFFFE9; color: white }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #327573 }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #550000 }
.ui-tabs .ui-tabs-panel { border-width: 1px; -moz-border-radius: 4px }
#tabs  li { margin: 2px; font-size: 14px }
#tabs .tabs_ui li { margin: 2px; font-size: 11px }
.program_body { border: 1px solid #CCCCCC }



/* PROGRAM - INFORMACJE O PROGRAMIE */
#tabs div.information {
	clear: left;
	width: 100%;
	margin: 20px 0px 0px 0px;
	font-size: 12px;
	line-height: 18px;
	}
	#tabs div.information h2 {
		margin: 0px 0px 35px 0px;
		font-size: 22px;
		font-style: italic;
		}
	#tabs div.information div.header {
		padding: 20px 0px 20px 0px;
		margin: 0px 0px 30px 0px;
		border-top: solid 1px black;
		border-bottom: solid 1px #333333;
		}
	#tabs div.information ul.item-list {
		width: 100%;
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		}
		#tabs div.information ul.item-list li.item {
			width: 100%;
			margin: 0px 0px 30px 0px;
			padding: 0px;
			font-size: 12px;
			}
			#tabs div.information ul.item-list li.item span.title {
				display: block;
				margin: 0px 0px 20px 0px;
				text-decoration: underline;
				font-weight: bold;
				font-size: 14px;
				}
			#tabs div.information ul.item-list li.item p {
				font-size: 12px;
				}
			#tabs div.information ul.item-list li.item ul,
			#tabs div.information ul.item-list li.item ol,
			#tabs div.information ul.item-list li.item li {
				font-size: 12px;
				}


/* PROGRAM - TERMINY */
#tabs div.dates {
	clear: left;
	width: 100%;
	font-size: 12px;
	line-height: 18px;
	}
	#tabs div.dates table {
		border-collapse: collapse;
		border: solid 1px #999;
		}
	#tabs div.dates th, #tabs div.dates td {
		padding: 0px 5px 0px 5px;
		border: solid 1px #999;
		}


/* PROGRAM - REGULAMIN */
#tabs div.regulations {
	clear: left;
	width: 100%;
	font-size: 12px;
	line-height: 18px;
	}
	#tabs div.regulations h2 {
		margin: 0px 0px 20px 0px;
		font-size: 22px;
		text-align: center;
		}
	#tabs div.regulations h3 {
		margin: 0px;
		font-size: 18px;
		text-align: center;
		font-style: italic;
		}
	#tabs div.regulations h4 {
		margin: 0px;
		font-size: 18px;
		text-align: center;
		}
	#tabs div.regulations h5 {
		margin: 0px 0px 20px 0px;
		font-size: 12px;
		text-align: center;
		}
	#tabs div.regulations div.header {
		padding: 20px 0px 20px 0px;
		margin: 0px 0px 30px 0px;
		border-top: solid 1px black;
		border-bottom: solid 1px #333333;
		}
	#tabs div.regulations ul.item-list {
		width: 100%;
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		}
		#tabs div.regulations ul.item-list li.item {
			width: 100%;
			margin: 0px 0px 30px 0px;
			padding: 0px;
			font-size: 12px;
			}
			#tabs div.regulations ul.item-list li.item span.title {
				display: block;
				text-align: center;
				text-transform: uppercase;
				font-weight: bold;
				font-size: 14px;
				}
			#tabs div.regulations ul.item-list li.item span.number {
				display: block;
				margin: 0px 0px 10px 0px;
				text-align: center;
				text-transform: uppercase;
				font-weight: bold;
				font-size: 14px;
				}
			#tabs div.regulations ul.item-list li.item p {
				font-size: 12px;
				}
			#tabs div.regulations ul.item-list li.item ul,
			#tabs div.regulations ul.item-list li.item ol,
			#tabs div.regulations ul.item-list li.item li {
				font-size: 12px;
			}


/* popup boxes */
.ag_popup { position: absolute; display: none; border: 1px solid #999; z-index: 10000; background-color: white; padding: 5px; }
.ag_create_box { width: 200px; height: 50px; }
.ag_rename_box { width: 200px; height: 50px; }
.ag_codestatus { font-weight: bold; padding: 5px 10px; }
/* dialog box */
.ag_dialog { border: 1px solid #999; font-size: 12px; }
.ag_dialog p { text-align: left; margin: 0px; padding: 5px 0px; }
.ag_dialog .ui-dialog-titlebar { border: none; background: none; background-color: #D0D0C6; font-size: 12px; font-weight: bold; color: black; }
.ag_dialog .ui-dialog-titlebar a { display: none; }
.ag_dialog div.agd_buttonbar { padding: 10px; }
.ag_dialog a.yes_button { display: block; width: 124px; height: 23px; line-height: 22px; text-align: center; color: white; background: url("/img/button-math.png") no-repeat; margin: auto; float: left; }
.ag_dialog a.no_button { display: block; width: 124px; height: 23px; line-height: 22px; text-align: center; color: white; background: url("/img/button_grey_d.png") no-repeat; margin: auto; float: right; }


.ag_dialog a.up_button { display: block; width: 225px; height: 23px; line-height: 22px; text-align: center; color: white; background: url("/img/button-w250-math.png") no-repeat; margin: 10px auto }
.ag_dialog a.ff_button { display: block; width: 225px; height: 23px; line-height: 22px; text-align: center; color: white; background: url("/img/button-w250-math.png") no-repeat; margin: 10px auto }
.ag_dialog a.cl_button { display: block; width: 124px; height: 23px; line-height: 22px; text-align: center; color: white; background: url("/img/button_grey_d.png") no-repeat; margin: 10px auto }


.classes_single_additional_information  { width: 752px; margin: 5px auto }
.classes_single_additional_information .csai_header { background: url('/img/classes_single_info1.png') top no-repeat; padding-top: 20px; color: white; font-weight: bold; text-indent: 55px }
.classes_single_additional_information .csai_header1 { background: url('/img/classes_single_info1b.png') top no-repeat; padding-top: 20px; color: white; font-weight: bold; text-indent: 55px }
.classes_single_additional_information .csai_body { border: 2px solid #ff9023; padding: 15px; padding-left: 55px; background: url('/img/classes_single_info2.png') 5px center no-repeat #ffffff }
.classes_single_additional_information .csai_enum li { margin-bottom: 6px }
#classes_single_additional_information_toggler { cursor: pointer }


div.editresultslistdiv { 
	width: 960px; 
	overflow: hidden;
}
table.editresultslist tbody{
  max-height:150px;
  overflow:hidden;
}
/*
#strans_delivery_name_id { display: none }
#strans_delivery_city_id { display: none }
#strans_delivery_city_code_id { display: none }
*/
.edit-results-not-all-entries-filled-dialog {  }
.edit-results-not-all-entries-filled-dialog .ui-dialog-titlebar { background: #AF0000 !important }
.edit-results-not-all-entries-filled-dialog .ui-button { color: #555 !important }
.edit_results_tabler_div td { border-spacing: 0; border: 0; margin: 0 }
.edit_results_tabler_div .odd { background: #E8ECEC !important }
.edit_results_tabler_div .even { background: #D5E1E0 !important }
.edit_results_tabler_div .odd .total1 { background: #BCECBC !important }
.edit_results_tabler_div .even .total1 { background: #A5D5A5 !important }
.edit_results_tabler_div .odd .total2 { background: #BCECBC !important }
.edit_results_tabler_div .even .total2 { background: #A5D5A5 !important }

span.roller-title { font-weight: bold; color: #498784; cursor: pointer }
.roller-content { display: none; margin-top: 5px; margin-bottom: 20px }
.order-info-list { margin: 10px 0px }

/* zamowienia - tabbler */
#page_welcome_tab2c { width: 900px; margin: 10px auto}
.payed_version_tabbler { display: block; height: 30px; margin-left: 10px; }
.payed_version_tabbler div { display: inline-block; float: left; border: 1px solid #307475; border-bottom: 0px; height: 30px; line-height: 30px; padding: 0px 15px; margin-right: 15px; font-size: 12px; cursor: pointer }
.payed_version_tabbler div:hover { background: #E8ECEC }
.payed_version_tabbler div.active  { color: #307475; font-weight: bold; cursor: default; position: relative; top: 0px; z-index: 2; background: white }
.payed_version_tabbler div.active:hover { background: white }
.payed_content { display: none; border: 1px solid #307475; z-index: 1 }
.payed_content.active { display: block }

/* zamowienia */
.lsform.product { width: 650px; min-height: 130px; border: 1px solid #666; border-radius: 8px; padding: 0px 20px; padding-right: 5px; margin: 10px auto }
.lsform.header { color: #307475; font-size: 14px; padding: 10px 0px 5px 0px; font-weight: bold }
.lsform.right { display: block; width: 150px; height: auto; float: right; border-left: 1px solid #bfbfbf; margin-top: 3px; padding: 5px 10px }
.lsform.price { color: #307475; font-weight: bold; font-size: 15px }
.lsform.price_info { color: black; font-size: 11px; margin-bottom: 5px }
.lsform.quantity { margin: 10px }
.lsform.quantity select { width: 45px }
.lsform.quantity span { color: black; font-size: 11px }
.lsform.button_add { background: url("/img/cart-add-smaller.png") no-repeat scroll center center transparent; border: 0 none; color: white; cursor: pointer; display: block; font-size: 9px; font-weight: normal; height: 28px; padding: 0 3px; text-align: left; width: 98px; margin-top: 15px }
.lsform.product_info { font-size: 12px; padding: 0px 5px 7px 0px }
.lsform.already_bought { font-size: 12px; padding: 5px 5px 5px 0px }