﻿/*  form styles   */


.core  {
border: 1px solid red;
background-color: #FFCCCC;
padding: 4px;
}
.core1 {
width:10%;
float:left;
}
.core2 {
width:30%;
float:left;
}
.core3 {
width:20%;
float:left;
}
 .red, .red a, .red:visited {
	color: #FF0000;
	font-weight: bold;
}
fieldset {
border: 1px dashed #555555;
padding: 8px;
margin: 0;
}
legend {
padding: 0 10px;
font-size: 120%;
color: #000000;
background-color: #ffffff;
text-transform: uppercase;
}
.formField {
border: 1px solid #333333;
background-color: #cccccc;
width: 300px;
}

select {
border: 1px solid #333333;
background-color: #DDDDDD;

}
.formTable td {
padding: 0 0 5px 0;
}
.formLabel {
float: left;
text-align: right;
font-weight: bold;
width: 120px;
}
label  {
font-weight: bold;
}
.formControl {
float: right;
width: 300px;
}
.row, .form-row {
padding:0;
margin:0;
clear: both;
padding-top: 5px;
}


.spacer {
clear: both;
height: 10px;
}

 

input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}
/*flexselect lists*/
.flexselect_dropdown {
  display: none;
  position: absolute;
  z-index: 999;
  margin: 0;
	padding: 0;
	border: 1px solid WindowFrame;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
	background-color: Window;
  color: WindowText;
  text-align: left;
  box-shadow: 0 6px 12px #ccc;
  -webkit-box-shadow: 0 6px 12px #ccc;
}

.flexselect_dropdown ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.flexselect_dropdown li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: Menu;
	overflow: hidden;
}

.flexselect_selected {
	background-color: Highlight;
	color: HighlightText;
}


/*multiselect cc*/

.multiSelect {
	width: 182px;
	border: solid 1px #BBB;
	background: #FFF url(images/dropdown.gif) right center no-repeat;
	padding: 2px 4px;
	padding-right: 20px;
	display: inline;
}

.multiSelect.hover {
	background: url(images/dropdown_hover.gif) right center no-repeat;
}

.multiSelect.active, 
.multiSelect.focus {
	border: inset 1px #000;
}

.multiSelect.active {
	background: url(images/dropdown_active.gif) right center no-repeat;
}

.multiSelectOptions {
	width: 206px;
	max-height: 150px;
	margin-top: -1px;
	overflow: auto;
	border: solid 1px #B2B2B2;
	background: #FFF;
}

.multiSelectOptions LABEL {
	padding: 2px 5px;
	display: block;
}

.multiSelectOptions LABEL.checked {
	background: #E6E6E6;
}

.multiSelectOptions LABEL.selectAll {
	border-bottom: dotted 1px #CCC;
}

.multiSelectOptions LABEL.hover {
	background: #CFCFCF;
}

/*validation*/
/*input, select, textarea {	width:250px; }*/

select.error, input.error, textarea.error {
	border: 1px solid #FF3300;
	background-color: #FFD2D2;	
}
input:focus { border: 1px dotted black; }

input.error { border: 1px dotted red; }



div.container {
	background-color: #eee;
	/*border: 1px solid red;
	margin: 5px;
	padding: 5px;*/
	width:400px;
}

div.container { display: none }
.container label.error {
	display: block;
	margin-left: 1em;
	width: auto;
	color: red;
	cursor: hand;
	cursor:pointer;
}


/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}



/* STANDARD */
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}
button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}


/* POSITIVE */

button.positive, .buttons a.positive {
    color:#529214;
}

.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* marine N2K */

.buttons a.n2k, button.n2k{
    color:#fff;
   	background-color:#0066CC;	
}
.buttons a.n2k:active{
    background-color:#0066CC;
    border:1px solid #0066CC;
    color:#fff;
}
.buttons a.n2k:hover, button.n2k:hover{
    background:#99CCFF;
    border:1px solid #0066CC;
    color:#000;
}



/*searchbox*/

fieldset.search {
	border: none;
	width: 243px;
	margin: 0 auto;
	background: #222;
}
.search input, .search button {
	border: none;
	float: left;
}
.search input.box {
	color: #fff;
	font-size: 1.2em;
	width: 190px;
	height: 30px;
	padding: 8px 5px 0;
	background: #616161 url(search_bg.gif) no-repeat;
	margin-right: 5px;
}
.search input.box:focus {
	background: #616161 url(search_bg.gif) no-repeat left -38px;
	outline: none;
}
.search button.btn {
	width: 38px;
	height: 38px;
	cursor: pointer;
	text-indent: -9999px;
	background: #fbc900 url(search_bg.gif) no-repeat top right;
}
.search button.btn:hover {
	background: #fbc900 url(search_bg.gif) no-repeat bottom right;
}
/*  end form styles */


