/*
COLOR SCHEME FOR PLANETA:
#336699 - primary color
#24486B
#D5EAFF
#AAD5FF
*/

body { 
    margin: 0 auto 40 auto;
    padding: 0; 
    font-family: Verdana;
    font-size: 12px;
    background-image: url('../cc_imgs/back5.jpg');
    background-repeat: repeat-x;
    behavior: url(moz.htc);
    text-align: center;
}

table {
    border-collapse: collapse;
}

td {
    padding: 5px;
}

div#head {

}

div.holder {
margin: 5px 10px;
width: 730px;
border: 0px;
}

div.rightpicbg {
background: transparent;
border-style: solid;
border-width: 0px;
border-color: #336699;
float: right;
margin: 0px 0px 0px 5px;
padding-top: 5px;
}

div.contentdiv {
/*    background: url('../imgs/bg.jpg') repeat-x;
    background: #D5EAFF; */
    border-width: 0px ;
    border-style: solid;
    border-color: #336699;
    width: 100%;
    margin: 0px 0px 0px 5px;
   padding-top: 5px; 
    display: block;
   
    text-align: left;
    line-height: 120%;
}
	ul {
	    width: 100%;
	    padding: 5px 5px 5px 16px;
	    margin: 0;
	    list-style-type: disc;
	}

	h1 {
	    width: 100%;
	    margin: 0px;
	    padding: 3px;
	    background: #24486B;
	    color: white;
	    font-size: 14px;
	    text-align: left;
	}
	h3 {
    	    width: 100%;
	    margin: 5px 0px 0px 0px;
	    border-width: 0px 0px 2px 0px;
	    border-style: solid;
	    color: #24486B;
	    font-size: 12px;
	}

img {
    display: block;
    border: 0px;
    background: transparent;
}

table {
    border-collapse: collapse;
    font-size: 12px;
}

#datatable tr td {
    font-family: Verdana, Arial;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
    border-width: 1;
    border-color: gray; 
    padding: 5;
    border-style: solid;
}

#editdatatable tr td {
    font-family: Verdana, Arial;
    font-size: 12px;
    text-align: left;
    vertical-align: middle;
    border-width: 1;
    border-color: gray; 
    padding: 5;
    border-style: solid;
}

#editdatatable tr td input {
    display: inline;
}

div.info {
    display: block;
    margin: 5px 10px;
    padding: 5;
    text-align: center;
    width: 600px;
    border-color: green;
    border-style: double; 
    border-width: 4;
}
div.error {
    display: block;
    margin: 5px 10px;
    padding: 5;
    text-align: center;
    width: 600px;
    border-color: red;
    border-style: double; 
    border-width: 4;
}
div.warning {
    display: block;
    margin: 5px 10px;
    text-align: center;
    width: 600px;
    border-color: yellow;
    border-style: double; 
    border-width: 4;
}

/* MENU STYLES */
/* ul rule above */

ul#dropDown {
/*width: 750px;*/
display: block;
text-align: center;
background: white; 
padding: 0;
margin: 0;
list-style-type: none;
border-width: 0px;
border-style: solid;
border-color: gray;
font-size: 11px;
text-align: center;
}

	ul#dropDown li {
    	   width: 120px;
	   position: relative;
	   padding: 0px;
	   display: inline;
	   float: left;
           margin-left: 5px;
	}

	ul#dropDown li.expand ul li {
	    margin: 0px;
	    padding: 3px;
	    background: #D5EAFF;
	    border: 1px;
	    border-style: solid;
	    border-color: #24486B;
	}

	li a {
	   display: block;
	   width: 98%;
           border-width : 0px;
	   border-color: gray;
	   border-style: solid;
	   padding: 3px;
	   color: black;
	   background: url("../imgs/menu_bg.jpg");
	   text-decoration: none;
	}

	ul#dropDown li a {
	    height: auto;
	}

/*	li:hover {
	background: navy;
	cursor: default;
	color: white;
	}
*/
	li a:hover {
	    background: #24486B;
	    color: white;
	}
	

	li.expand ul {
	visibility: hidden;
	margin: 0px;
	padding: 0px;
	border-width : 0px;
	border-color: #000;
	border-style: dashed solid solid solid;
	background: #D3DDE3;
	position: absolute;
	top: 19px;
	left: 0px;
	}

	ul#dropDown li.expand:hover ul.first, ul.first li.expand:hover ul.second {
	visibility: visible;
	}


/* END MENU STYLES */


.subcheck { text-align: right; }

fieldset { border-style: solid; border-width: 10; border-color: gray}