@charset "UTF-8";
/* CSS Document for jQuery Ui Overlay stuffs */
/* 
CASTROL COLOR SCHEME
GREEN -- #009A4E;
RED -- #ED1B2F;
GREY -- #333;
*/
/*
use "_" to define the CSS properties that use for IE6 only
use "/" to define the CSS properties that use for IE7 only
*/
/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background-image:url(../img/overlay/bg-overlay.png);
	
	/* dimensions after the growing animation finishes  */
	width:560px;
	height:280px;
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:40px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(../img/overlay/button-close-act.png);
	position:absolute;
	right:-5px;
	top:-5px;
	cursor:pointer;
	height:35px;
	width:35px;
}
div.overlay div.close:hover {background-image:url(../img/overlay/button-close-hov.png);}
div.wrap { 
    height:280px; 
    overflow-y:auto;
	padding:0px;
	margin:0px;
}
.overlay-content {width:560px; height:280px; display:block; overflow:auto;}
.overlay-content h2 {font-size:18px; color:#009A4E; display:block; margin:0px; padding:0px;}
.overlay-content h3 {font-size:16px; color:#009A4E; display:block; margin:0px; padding:0px;}
.overlay-content p {padding:0px; margin:10px 0px 0px 0px; display:block;}
.overlay-content a {color:#009A4E; text-decoration:none;}
.overlay-content a:hover {color:#009A4E; text-decoration:underline;}
.overlay-content span {display:block; margin-bottom:15px;}
.overlay-content form {display:block; margin:10px 0px 0px 0px; padding:0px;}
.overlay-content label, span.overlay-submit-button label  {display:block; margin-right:20px; float:left; width:100px; padding:0px 20px 0px 0px;}
.overlay-content input {display:inline; padding:3px; margin:0px; background-color:#FFF; border:#CCC 1px solid; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; width:180px;}
input.overlay-content-inputdate {display:inline; padding:3px; margin:0px; background-color:#FFF; border:#CCC 1px solid; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; width:40px;}
.overlay-content select {display:inline; padding:3px; background-color:#FFF; border:#CCC 1px solid; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; width:180px;}
.overlay-content textarea {display:inline; padding:3px; margin:0px; background-color:#FFF; border:#CCC 1px solid; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; width:180px;}
/*Checkbox & Radio button element*/
input.overlay-form-checkbox  {display:inline; width:30px; padding:0px; margin:0px; background:none; border:none;}


span.overlay-submit-button {margin-top:10px; margin-bottom:10px; /*border-top:#CCC 2px dotted;*/ display:block; }
span.overlay-submit-button input {background-color:#009A4E; color:#FFF; padding:3px 5px 3px 5px; border:#FFF 1px solid; margin-right:5px; width:100px;}
span.overlay-submit-button input:hover {cursor:pointer; background-color:#ED1B2F;}

span.overlay-submit-button-long {margin-top:10px; margin-bottom:10px; /*border-top:#CCC 2px dotted;*/ display:block; }
span.overlay-submit-button-long input {background-color:#009A4E; color:#FFF; padding:3px 5px 3px 5px; border:#FFF 1px solid; margin-right:5px; width:150px;}
span.overlay-submit-button-long input:hover {cursor:pointer; background-color:#ED1B2F;}

.overlay-content ul {margin:0px 0px 0px 20px; padding:0px; display:block; list-style:circle;}
span.separate-line {margin:5px 0px 5px 0px; border-top:#CCC 1px dotted;}