﻿/* ------------------------------------- DEFAULT ----------------------------------- */

/* tags */
body {
	background-color:#ebeff2;
	font-family: Helvetica,Arial,"Lucida Grande",Verdana,sans-serif;
	margin:0;
	padding:0;
}
a {
	color: #000000;
	text-decoration: underline;
}
a:hover {
	color: #4552cc;
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6, p, td {
	font-family: Helvetica,Arial,"Lucida Grande",Verdana,sans-serif;
	color: #111111;
}

h2 {
	margin: 0px;
 	padding: 0.6em 0 0 0.1em;
	font-size: 1.8em;
	letter-spacing: -0.02em;
 	font-weight: normal;
 	border-top: 1px solid #dadada;
}

h3 {
 	margin: 0px;
 	padding: 0.3em 0 0.4em 0.1em;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 1.5em;
	letter-spacing: -0.025em;
	color: #000000;
}
h3 a {
	text-decoration:none;
}
h3 a:hover {
	color:#FFF;
	background-color: #000;	
}

/* id */
#wrapper {
	width:960px;
	margin:0 auto;
	padding: 0;
	padding:20px;
	background-color:#FFF;
}

#left {
	clear:both;
	float:left;
	width:200px;
	height:auto;
	margin-top: 2em;
}

#main {
	float:left;
	width:740px;
	min-height:600px;
	margin-left: 20px;
	margin-top: 2em;
}

#list {
	clear:both;
	float:left;
	width:520px;
	height:auto;
}

#right {
	float:right;
	width:190px;
	height:auto;
	margin:0;
	padding:0;
}

#header {
	font-size:12px;
	margin-bottom:10px;
}

#footer {
	clear:both;
	background-image: url(../images/dot.png);
	background-position:top;
	background-repeat:repeat-x;
	padding: 1em 0 0 0 ;
	font-size: 0.75em;
	color: #666666;
}

/* classes */

.message {
	clear: both;
	margin: 1em auto;
	padding: 1em;
	font-size: 1em;
	text-align: center;
	border: 1px solid #CC0000;
	background-color: #FBEDE1;
	color: #CC0000;
	cursor: pointer;
}

#main .clear {
	clear: both;
}

#main .nomargin {
	margin: 0;
}

#main .note {
	clear:both;
	padding-top: 0.5em;
	font-size: 12px;
	color:#68789D;
}

#main .warning {
	font-weight:bold;
	color:#C00;
}

#main .banner {
	width:468px; 
	heigth: 60px; 
	border:1px solid black; 
	margin: 0 auto 2em auto;
}

/* colors */
.color1 {
	border-color: #758393 !important;
}
.color2 {
	border-color: #4ecdc4 !important;
}
.color3 {
	/* border-color: #91b249 !important; */
	border-color: #c6eb75 !important;
}
.color4 {
	/* border-color: #c2c345 !important; */
	border-color: #e9eb6b !important;	
}
.color5 {
	border-color: #ff6b6b !important;
}
.color6 {
	border-color: #d95c67 !important;
}
.color7	 {
	border-color: #a36f88 !important;
}


/* ------------------------------------- HEADER ----------------------------------- */

#header { 
	margin: -10px 0 0 0;
	padding: 0;
}

/* logo */
#header #hlogo {
 float: left;
 height: 90px; 
 width: 240px;
}
#header #hlogo .title { 
	padding: 1em 0 0 0; 
}
#header #hlogo .title .logo {
	margin: 0;
}
#header #hlogo .title .logo a {
	display: block;
	width: 250px;
	height: 50px;
	background-image:url(../images/logo.gif);
	padding: 0;
	margin: 0;
	border: none;
}
#header #hlogo .title .logo a:hover {
	background-image:url(../images/logo_inv.gif);
}
#header #hlogo .title .desc { 
	text-align: right; 
	font: 400 0.8em arial, sans-serif; 
	text-transform: uppercase; 
	color: #666; 
	letter-spacing: 0.2em; 
	margin: 0;
	padding: 0.7em 0 0 0; 
}
#header #hlogo .title a { 
	text-decoration: none; color: #000; 
}
#header #hlogo .title a:hover { 
	color: #fff; background: #000;
}

/* login */
#header #hlogin {
	float: right;
	width: 300px;
	height: 65px;
	margin: 0 0 10px 0;
	padding: 10px 0 0 10px;
	border-left: 1px solid #CCCCCC;
}
#header #loguname {
	font-size: 1em;
	font-weight: bold;
	color:#4552cc;
	margin: 0.5em 0;
}
#header #hlogin #lognavi a {
 display: block;
 float: left;
 margin: 8px 4px 0 0;
 padding: 1px 0 0 3px;
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
}
#header #hlogin a {
	display: block;
	float: left;
	margin: 8px 10px 0 0;
	padding: 1px 0 0 20px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	background-color: transparent;
	background-repeat: no-repeat;
}
#header #hlogin a[title="Registrovať"] {
	background-image: url(../images/icons/register.gif);
}
#header #hlogin a[title="Zabudnuté heslo"] {
	background-image: url(../images/icons/password.gif);
}
#header #hlogin a[title="Upraviť profil"] {
	background-image: url(../images/icons/profile.gif);
}
#header #hlogin a[title="Odhlásiť"] {
	background-image: url(../images/icons/logout.gif);
}
#header #hlogin a[title="Nápoveda"] {
	background-image: url(../images/icons/help.gif);
}
#header #hlogin input {
	width: 100px;
	height: 22px;
	margin: 0 0 2px 0;
	padding: 4px 0 0 4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	background-image:url(../images/form/input_login.png);
	background-repeat:no-repeat;
	border: none;
}
#header #hlogin input[type=submit] {
	width: 65px;
	height: 24px;
	padding: 1px 0 2px 0;
	font-size: 9px;
	font-weight: bold;
	color:#FFFFFF;
	background-image:url(../images/form/submit.png);
	background-repeat:no-repeat;
	cursor: pointer;
}
#header #hlogin input[type=submit]:hover {
	color:#4552cc;
}

/* search */
#header #hsearch {
	float: right;
	width: 300px;
	height: 65px;
	margin: 0 0 10px 0;
	padding: 10px 0 0 10px;
	border-left: 1px solid #CCCCCC;
}
#header #hsearch a {
	display: block;
	float: left;
	margin: 8px 10px 0 0;
	padding: 1px 0 0 20px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	background-color: transparent;
	background-repeat: no-repeat;
}
#header #hsearch a[title="Autori"] {
	background-image: url(../images/icons/authors.gif);
}
#header #hsearch a[title="Domovská stránka"] {
	background-image: url(../images/icons/home.gif);
}
#header #hsearch a[title="O projekte"] {
	background-image: url(../images/icons/about.gif);
}
#header #hsearch a[title="Miesta / Podniky / Galérie / Divadlá"] {
	background-image: url(../images/icons/places.gif);
}
#header #hsearch a[title="Kontakt"] {
	background-image: url(../images/icons/contact.gif);
}
#header #hsearch input {
	width: 165px;
	height: 22px;
	margin: 0 0 2px 0;
	padding: 4px 0 0 4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	background-image:url(../images/form/input.png);
	background-repeat:no-repeat;
	border: none;
}
#header #hsearch input[type=submit] {
	width: 65px;
	height: 24px;
	padding: 1px 0 2px 0;
	font-size: 9px;
	font-weight: bold;
	color:#FFFFFF;
	background-image:url(../images/form/submit.png);
	background-repeat:no-repeat;
	cursor: pointer;
}
#header #hsearch input[type=submit]:hover {
	color:#4552cc;
}

/* navi */
#header #himage {
	clear:both;
	width: 958px;
	height: 70px;
	background-image:url(../images/home_banner.png);
	border: 1px solid #000000;
	border-bottom: none;
}
#header #hmainav {
	width: 958px;
	height: 24px;
	margin: 0;
	padding: 0;
	clear:both;
	border: 2px solid #000000;
	border-top: none;
	border-left:none;
}
#header #hmainav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#header #hmainav li {
	float: left;
}
#header #hmainav li a {
	display:block;
	width: 135px;
	height: 21px;
	margin: 0;
	padding-top: 3px;
	font-weight: bold;
	text-transform:lowercase;
	text-decoration: none;
	text-align: center;
	border-left: 2px solid #000000;
	background-position:bottom;
	background-repeat:repeat-x;
}
#header #hmainav li a:hover, #header #hmainav li a.active {
	color:#FFFFFF;
	background-repeat:repeat;
}
#header #hmainav #hnavi3:hover, #header #hmainav #hnavi4:hover,  #header #hmainav #hnavi3.active, #header #hmainav #hnavi4.active {
	color:#000000 !important;
}
#header #hmainav #hnavi1 {
	background-image: url(../images/navi/menu1_bg.gif);
}
#header #hmainav #hnavi2 {
	background-image: url(../images/navi/menu2_bg.gif);
}
#header #hmainav #hnavi3 {
	background-image: url(../images/navi/menu3_bg.gif);
}
#header #hmainav #hnavi4 {
	background-image: url(../images/navi/menu4_bg.gif);
}
#header #hmainav #hnavi5 {
	background-image: url(../images/navi/menu5_bg.gif);
}
#header #hmainav #hnavi6 {
	background-image: url(../images/navi/menu6_bg.gif);
}
#header #hmainav #hnavi7 {
	background-image: url(../images/navi/menu7_bg.gif);
	width: 134px;
}

/* ------------------------------------- LEFT, RIGHT ----------------------------- */

#left #adminnav, #left #calender, #right #top, #right #tags {
	padding: 0 0 1.5em 0;
	margin: 0 0 0 0;
}
#right h4, #left h4 {
	margin: 0 0 0.5em 0;
	padding: 0.4em 0.3em 0.3em 0.6em;
	font-size: 0.7em;
	color:#FFFFFF;
	background-color:#000000;
}

/* left admin navi */
#left #adminnav a, #left #adminnav span {
	display:block;
	margin: 0 0 0.5em 0;
	padding: 0 0 0.2em 0.5em;
	font-size: 0.75em;
	text-decoration:none;
	color:#333333;
	border-bottom: 1px dotted #CCCCCC;
	border-left: 1px dotted #CCCCCC;
}
#left #adminnav a:hover {
	color:#4552cc;
	text-decoration:underline;
}
#left #adminnav span select {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	border: none;
	margin: 0px;
	padding: 0px;	
}
/* left calender */
#left #calender th {
	font-size: 0.75em;
}
#left #calender td {
	width:2.2em;
	height:2.2em;
	padding: 0;
	font-size: 0.75em;
	text-align:center;
	border: 1px solid #FFF;
}
#left #calender td > strong {
	color: #4552cc;
}
#left #calender td > a {
	display:block;
	height: 1.5em;
	margin: 0.1em;
	padding: 0.3em 0 0 0;
	text-decoration:none;
	text-align:center;	
	border: 1px dotted #CCC;
	background-color: #F7F7F7;
}
#left #calender td > a:hover {
	color: #FFFFFF;
	background-color:#4552cc;
}
#left #calender td > a > strong {
	color: #FFFFFF;
}
#left #calender .dayPost {
	position: absolute;
	width: 200px;
	margin:0 0 0 0;
	font-size: 0.8em;
	text-align:left;
	background-color: white;
}
#left #calender .dayPost .dayHead {
	float: left;
	width: 200px;
	margin: 0;
	font-size: 1.2em;
	background-color:#000000;
}
#left #calender .dayPost .dayHead a {
	display: block;
	padding: 0.4em 0.3em 0.3em 0.6em;
	color:#FFFFFF;
	text-decoration: none;
}
#left #calender .dayPost .dayHead a:hover {
	color:#4552cc;
}
#left #calender .dayPost .calenderpost {
	clear: both;
	width: 185px;
	padding: 0.3em 0.3em 0.3em 0.9em;
	font-size: 1.1em;
	color: #666666;
	border-right: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	background-repeat: repeat-y; 
	background-position: left;
	cursor:pointer;
}
#left #calender .dayPost .calenderpost h5 {
	font-size: 1.1em;
	margin: 0;
	padding: 0 0 0.5em 0;
}
#left #calender .dayPost .calenderpost a[class=cplace] {
	text-decoration: none;
	color: #666666;
}
#left #calender .dayPost .calenderpost a[class=cplace]:hover {
	color: #4552cc;
}

/* left add link */
#left .addlink {
	margin: -0.5em 0 2em 0;
	font-size: 0.75em;
	font-weight: bold;
}
#left .addlink img {
	border: none;
	vertical-align:text-bottom;
}
#left .addlink a {
	text-decoration: none;
}
#left .addlink .comment {
	margin-top: 0.2em;
	font-size: 0.9em;
	font-weight: normal !important;
}


/* left upcomming posts */
#left #upcommingPosts div  {
	margin: 0 0 0.5em 0;
	padding: 0.2em 0.2em 0.2em 0.9em;
	font-size: 0.75em;
	color:#68789D;
	border: 1px dotted #CCCCCC;
	border-top: none;
	background-repeat: repeat-y;
	background-position:left;
	cursor:pointer;
}
#left #upcommingPosts div a {
	text-decoration:none;
}
#left #upcommingPosts div.bcolor1 {
	background-image: url(../images/navi/calpost1_bg.gif);
}
#left #upcommingPosts div.bcolor2 {
	background-image: url(../images/navi/calpost2_bg.gif);
}
#left #upcommingPosts div.bcolor3 {
	background-image: url(../images/navi/calpost3_bg.gif);
}
#left #upcommingPosts div.bcolor4 {
	background-image: url(../images/navi/calpost4_bg.gif);
}
#left #upcommingPosts div.bcolor5 {
	background-image: url(../images/navi/calpost5_bg.gif);
}
#left #upcommingPosts div.bcolor6 {
	background-image: url(../images/navi/calpost6_bg.gif);
}
#left #upcommingPosts div.bcolor7	 {
	background-image: url(../images/navi/calpost7_bg.gif);
}

/* right top list */
#right #top h4 {
	margin: 0 0 0.8em 0;
}
#right #top a  {
	display:block;
	margin: 0 0 0.5em 0;
	padding: 0 0.2em 0.2em 0;
	font-size: 0.75em;
	text-decoration:none;
	color:#333333;
	border-bottom: 1px dotted #CCCCCC;
	border-right: 1px dotted #CCCCCC;
}
#right #top a:hover, #right #latComms a:hover {
	color:#4552cc;
	text-decoration:underline;
}

/* right tag cloud */
#right #tags a {
	color:#333333;
	text-decoration:none;
}
#right #tags a:hover {
	color:#4552cc;
	text-decoration:underline;
}

/* right lat comms */
#right #latComms div  {
	margin: 0 0 0.5em 0;
	padding: 0.2em 0.2em 0.2em 0;
	font-size: 0.75em;
	color:#68789D;
	border-bottom: 1px dotted #CCCCCC;
	border-right: 1px dotted #CCCCCC;
}
#right #latComms div a {
	text-decoration:none;
}

/* ------------------------------------- MAIN ----------------------------------- */

#main .post:first-child h3 {
	padding-top: 1em;
	border-top: 1px solid #CCC;
}

/* main list */
#main #list h2 {
	margin: 0 0 0 0;
}
#main .post {
	clear:both;
	height: auto;
	padding: 1em 0 1em 0;
	border-bottom: 3px solid #CCC;
}
#main .first {
	border-top: 3px solid #CCC;
	margin-top: 1em;
}
#main div.post:first-child {
	margin-top: -1em;
}
#main div.post:first-child .head img {
	margin-top: 1em;
}
#main .post .head {
	font-size: 0.8em;
	color: #666666;
}
#main .post .head .firstS {
	padding-top: 1em;
}
#main .post .head img {
 float: left;
 margin: 0 10px 0 0;
 border: 1px solid #CCC;
}
#main .post .head img:hover {
 border: 1px solid #000;
}
#main .post .head a[title=Miesto], #main .post .head a[title=Kategória], #main .post .head a[title=Mapa], #main .post .head a[title=Podujatia] {
	color: #666666;
}
#main .post .head a[title=Miesto]:hover, #main .post .head a[title=Kategória]:hover, #main .post .head a[title=Mapa]:hover,  #main .post .head a[title=Podujatia]:hover   {
	color: #4552cc;
}
#main .post h2 {
	color: #000000;
	margin-bottom: -1.2em;
	border-top-width: 3px;
}
#main .post h3 {
	color: #000000;
	margin-bottom: 0.4em;
}
#main .post .details {
	font-size: 0.8em;
	color: #666666;
	padding-top: 1.1em;
	border-top: 1px dotted #CCC;
}
#main .post .details a {
	color: #666666;
}
#main .post .details a:hover {
	color: #4552cc;
}
#main .post .details img {
	vertical-align:text-bottom;
	padding-right: 3px;
}
#main .post .text, .text {
	font-size: 0.8em;
	clear: both;
	padding: 1.5em 0 0 0;
}
#main .comment {
	font-size: 0.8em;
	float: left;
}
#main .edit {
	margin-top: 1.1em;
	padding: 1em 0.2em 1em 0.2em;
	font-size: 0.8em;
	border-top: 1px dotted #999;
}
#main .edit a {
	padding: 0.2em;
	color: #000;
}
#main .edit a:hover {
	color: #4552cc;
}
#main .edit .right {
	font-weight: bold;
	float: right;
}
#main .inactive {
	text-decoration:line-through;
	color:#CCC;
}
#main .inactive a {
	color:#CCC !important;
}
#main .showHiddenSchedules {
	color:#CCC !important;
}
/* main pagination */
#main .pagination {
	float: right;
	margin: 1em 0;
	width:auto;
	text-align:right;
}
#main .pagination a, #main .pagination b {
	display: block;
	float:left;
	margin: 0.1em 0.1em;
	width: 2em;
	height: 1.25em;
	font-size: 0.7em;
	font-weight: bold;
	text-align:center;
	text-decoration:none;
	background-color:#E7E4E2;	
}
#main .pagination b {
	color:#4552cc;
	background-color:#F5F5F5;
}
#main .pagination a:hover {
	color:#FFFFFF;
	background-color:#4552cc;
}

/* main gallery */
#main #gallery {
	margin: 0;
	padding: 0;
}
#main #gallery div.edit {
	float: left;	
}
#main #gallery img, #main #eGallery img {
	margin: 1em 1em 0 0;
	padding: 0em;
	border: 1px solid black;
	cursor: pointer;
}
#main #gallery a img:hover, #main #eGallery a img:hover {
	border: 1px solid orange;
}
#main #gallery a img.hidden, #main #eGallery a img.hidden {
	border: 1px solid red;
	opacity: 0.5;
}
#main #gallery #full {
	position: absolute;
	margin: auto;
	display: none;
	border: 1px solid gray;
	background-color: #FFF;
	text-align: center;
}
#main #gallery #full img {
	margin: 1em;
}
#main #gallery #full p {
	text-align:center;
}
#main #gallery #full p.name {
	font-size: 0.8em;
}
#main #gallery #full p.copy {
	font-size: 0.7em;
	margin-bottom: 1em;
}

/* main comments */
#main #commTitle {
	clear: both;
	border-top: 1px solid #CCC;
}
#main #commTitle h3 {
	float: left;
	margin: 1em 0;
	font-size: 1.2em;
	font-weight: normal;
}
#main #commTitle .reply {
	display: block;
	float: right;
	margin-top: 1.7em;
	font-size: 0.95em;
}
#main .comm {
	clear: both;
}
#main .comm .content {
	float: left;
	margin-bottom: 0.5em;
	padding: 0 0 0.5em 0.5em;
	height: auto;
	border-top: 1px solid #DDD;
	border-right: 2px solid #DDD;
}
#main .comm img {
	margin-top: 0.5em;
	float:left;
}
#main .maincomm .content {
	border-color: #999;
}
#main .comm .details {
	float: left;
	margin: 0.5em 0;
	padding: 0;
	font-size: 0.8em;
	color: #68789D;
}
#main .comm .details a {
	color: #68789D;
}
#main .comm .details a:hover {
	color: #4552cc;
}
#main .comm .reply {
	display: block;
	float: right;
	margin: 0.5em;
	font-size: 0.8em;
	color: #666666;
}
#main .comm .reply:hover {
	color: #4552cc;
}
#main .comm .text {
	padding: 0.5em 0;
	font-size: 0.75em;
	border-top: 1px dotted #EEE;
}
#main .comm .origin {
	margin: 1em 0em 1em 1em;
	padding: 0.5em;
	font-size: 0.75em;
	border-left: 3px solid #EEE;
	border-top: 1px solid #EEE;
	color:#999;
}
#main .comm .origin .details {
	font-size: 1em;
	margin-bottom: 0.2em;
}
#main .comm .link {
	font-size: 0.75em;
}
#main .comm form, #main .replyForm form  {
	clear: both;
	font-size: 0.75em;
	padding: 0 0 2em 0;
	border-top: 1px dotted gray;
	border-bottom: none;
}
#main .comm .form {
	margin: 1em 0;
}
#main .comm .commentedText {
	margin: 1em;
	font-size: 0.7em;
}

#main .commForm label {
	margin: 0 0 -1.5em 0;
	font-size: 1em;
	font-weight: normal;
}

#main .commForm input[name=user_name] {
	width: 120px;
}

#main .commForm input[name=user_email], #main .commForm input[name=url] {
	width: 165px;
}

#main .commForm input[name=title] {
	width: 510px;
}

#main .commForm textarea {
	width:510px;
	height:78px !important;
}

#main .commForm .leftFloat {
	margin: 0 1em 0 0;
}

#main .commForm .rightFloat {
	margin: 0 0 0 1.5em;
}

#main .commForm .note {
	font-size: 0.8em !important;
}

/* help */

#main .faqList h5 {
	margin: 0.5em;
}

#main img.inline {
	vertical-align: middle;
}

/* ------------------------------------- FORM ----------------------------------- */

/* form elements */
#main form {
	font-size: 0.75em;
	padding: 2em 0 2em 0;
	border-bottom: 1px solid gray;
}
#main form label {
	display: block;
	margin: 0 0 -1em 0;
	clear: both;
	font-size: 1.25em;
	font-weight: bold;
}
#main form input, #main form select, #main form textarea {
	margin: 0.3em 0.3em 0 0;
	padding: 0.1em;
	font-family:Arial, Helvetica, sans-serif;
	border: 1px solid #999999;
	background-color:#F9FBFB;
}
#main form textarea {
	width: 740px;
	font-size: 1em;
}
#main form input:hover, #main form select:hover, #main form textarea:hover {
	background-color: #E6F3FF;
}
#main form input:focus, #main form select:active, #main form textarea:active {
	background-color: #FBEDE1;
}
#main form input[name=title], #main form input[name=name], #main form input[name=url] {
	width: 740px;
}
#main form input[name=tags] {
	width: 400px;
}
#main form input[name=address], #main form input[name=contact], #main form input[name=map], #main form input[name=url], #main form input[name=email], #main form input[name=name] {
	width: 315px;
}
#main form input[name=display_name], #main form input[name=first_name], #main form input[name=last_name] {
	width: 200px;
}
#main form input[name=text_crop] {
	width: 90px;
}
#main form select[name=pos_top] {
	width: 100px !important;
}
#main form textarea[name=text] {
	height: 200px;
}
#main form textarea[name=desc] {
	height: 100px !important;
}
#main form .schedule {
	float: left;
	width: 100%;
	height:30px;
}
#main form .schedule .sCont {
	float:left;
	width: 640px;
}
#main form .schedule select.term_t {
	width:10em;
}
#main form .schedule select.place {
	width:20em;
}
#main form .schedule input.date {
	width: 5.2em;
}
#main form .schedule input.hour {
	width: 1.3em;
	margin-right: 0;
}
#main form .schedule input.minute {
	width: 1.3em;
}
#main form .schedule .add {	
	float: left;
	margin: 6px 3px 0px 6px;
	cursor: pointer;
}
#main form .schedule .delete {
	float:left;
	margin: 6px 3px 0px 6px;
	cursor: pointer;
}
#main form  .help {
	float: left;
	margin: 6px 3px 0px 6px;
	cursor: pointer;
}
#main form  .right {
	float:right;
}

#main form input[type=submit], #main .rightFloat input[type=submit] {
	clear:both;
	margin-top: 1em;
	font-size: 1.5em;
	font-weight: bold;
	width: 200px;
	border: 0px;
	color:#FFFFFF;
	background-color: #669999;
}
#main form input[type=submit]:hover {
	background-color: #4552cc;
	cursor: pointer;
}

#main form option[value=on] {
	color: #006600;
}
#main form option[value=pe] {
	color: #CC6600;
}
#main form option[value=off] {
	color: #CC0000;
}

/* form classes */
#main .rightFormNavi {
	float: right;
	margin: -2.8em 1em 0 3em;
	font-size: 0.85em;
}
#main form .leftFloat {
	float: left;
	margin: 0 3em 0 0;
}
#main form .leftFloat select, #main form .rightFloat select {
	width: 200px;
}
#main .rightFloat {
	float: right;
	margin: 0 1em 0 3em;
}
#main form .readonly {
	color: gray;
	cursor:help;
}
#main form div.error {
	margin: 0 0 0 0;
	font-weight: bold;
	color: #C33 !important;
}
#main form div.error p {
	color: #C33 !important;
}
.jseditor {
	width: 520px;
	padding: 0.8em;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background-color: #FFFFFF;
}
.ui-datepicker {
	font-size: 0.7em !important;
	font-family: Helvetica,Arial,"Lucida Grande",Verdana,sans-serif !important;
}
.ui-dialog-title {
	font-size: 0.8em !important;
	font-family: Helvetica,Arial,"Lucida Grande",Verdana,sans-serif !important;
}
.ui-dialog-content {
	font-size: 0.7em !important;
	font-family: Helvetica,Arial,"Lucida Grande",Verdana,sans-serif !important;
}
.ui-dialog-content h4 {
	font-size: 1.1em;
	margin-bottom: 0.8em;
}

/* form ids */
#main form #images {
	display:table;
}
#main form #images img {
	float: left;
	margin: 1em 1em 1em 0;
}
#main form #imagesuse {
	clear:both;
	color:#68789D;
	margin-bottom: 2em;
}
#main form #endSchedule {
	clear: both;
}

