@charset "utf-8";
/* CSS Document */

* {
	padding:0; 
	margin:0;
	}
a:focus {
	outline:none;
	}

/*Fonts*/
p {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#333333;
	}
b {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#333333;
	}
a {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#006ed6; 
	text-decoration:none;
	}
a:hover {
	text-decoration:underline;
	}
.title1 {
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	font-size:24px; 
	color:#006ed6; 
	font-weight:normal;
	}
.title2 {
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	font-size:20px; 
	color:#0160b9; 
	font-weight:normal;
	}
.title2 a{
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	font-size:20px; 
	color:#0160b9; 
	font-weight:normal; 
	text-decoration:none;
	}
.title2 a:hover{
	color:#EA0000; 
	text-decoration:none;
	}
.title3 {
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	font-size:18px; 
	color:#0160b9; 
	font-weight:normal; 
	padding:10px 0 0 0;
	}
.title4 {
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	font-size:14px; 
	color:#000000; 
	font-weight:bold;
	}
.title5 {
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	font-size:14px; 
	color:#0160b9; 
	font-weight:bold;
	}
.title6 {
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	font-size:20px; 
	color:#006ed6; 
	font-weight:normal;
	}
.main1 ul{
	list-style:circle;
	}
.main1 ul li{
	padding:5px 0 0 0; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	}
.main1 ul li a{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#FF0000; 
	text-decoration:none;
	}
.main1 ul li a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#0000FF; 
	text-decoration:underline;
	}
.title3 {
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	font-size:16px; 
	color:#00529f; 
	font-weight:normal;
	}
.reserve{
	width:auto; 
	font-size:12px; 
	margin-left:20px; 
	height:auto; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
.reserve p a{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#0000FF; 
	text-decoration:none;
	}
.reserve p a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#FF0000; 
	text-decoration:underline;
	}
.packcontent{
	width:650px; 
	margin-left:20px; 
	height:auto; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
.packcontent2{
	width:550px; 
	margin-left:20px; 
	height:auto; 
	}
.packtitle{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:16px; 
	font-weight:normal;
	}
.packtitle a{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:16px; 
	color:#0000FF;
	}
.packtitle a:hover{
	color:#FF0000;
	}
.packsub{
	width:300px; 
	float:left; 
	margin-left:20px; 
	height:auto; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
.packsub p{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:normal;
	}
.packsub2{
	width:150px; 
	float:left; 
	margin-left:20px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
.packsub2 p{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:normal;
	}
.packsub3{
	width:361px; 
	float:left; 
	margin-left:20px; 
	height:auto; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
.packsub4{
	width:200px; 
	float:left; 
	margin-left:20px; 
	height:auto; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
.view {
	float:right; 
	background:#FFFFFF url(../images/view.png); 
	width:150px; 
	height:30px;
	}
.view1 {
	padding:7px 0 0 40px;
	}
.view a{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#faf9f9;
	}
.white {
	color:#fffcfc; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
.yellow {
	color:#ffd800;
	}
body { 
	background:#ddeef6;
	}
#top1 {
	height:140px; 
	width:auto; 
	background:url(../images/top_bg.png) repeat-x;
	}
	
/*Header*/
#header {
	margin:0 auto; 
	width:1000px;
	}
#logo {
	float:left; 
	width:auto;
	}
#navigation1 {
	margin:105px 0 0 0; 
	float:right; 
	width:auto;
	}
#navigation1 ul {
	list-style:none;
	}
#navigation1 ul li {
	float:left;
	}
#navigation1 ul li a {
	display:block; 
	float:left; 
	margin:0 3px; 
	width:129px; 
	height:25px; 
	padding:10px 0 0 0; 
	background:url(../images/nav_bg.png) no-repeat; 
	text-align:center; 
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#fffafa; 
	text-decoration:none;
	}
#navigation1 ul li a:hover {
	background:url(../images/navhover_bg.png) no-repeat;
	}
#wrapper {
	margin:0 auto; width:1000px; 
	background-color:transparent;
	}
	
/*Header2*/ 
#top2 {
	margin:20px 0 0 0;
	}
#navigation2 {
	padding:15px 0 0 10px; 
	width:260px; 
	height:235px; 
	background:url(../images/nav2_bg.png) no-repeat; 
	float:left;
	margin-bottom:10px;
	}
#navigation2 ul {
	list-style:none;
	}
#navigation2 ul li {}
#navigation2 ul li a {
	display:block; 
	padding:10px 0 0 20px; 
	width:230px; 
	height:20px;
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#fffafa; 
	text-decoration:none; 
	font-weight:bold; 
	border-bottom:1px solid #facc78;
	}
#navigation2 ul li a:hover {
	background:#b07306;
	}
#banner {
	float:left; 
	margin:0 0 20px 20px; 
	width:auto;
	}
	
/*Content*/
#content {
	clear:both; 
	background:#ffffff;
	}
.sidecontent {
	float:left; width:270px; 
	padding:15px 0 0 0; 
	margin:0 20px 0 0; 
	background:#ffffff;
	}
.side1 { 
	padding:0 0 0 15px;
	 margin:0 0 20px 0; 
	 font-family:Verdana, Arial, Helvetica, sans-serif; 
	 font-size:11px;
	 }
.side3 { 
	padding:0 0 0 15px; 
	margin:0 0 20px 0; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
	}
.maincontent {
	float:left; 
	padding:15px 15px 0 0; 
	width:695px;
	}
.maincontent2 { 
	float:left; 
	padding:15px 0 20px 0; 
	width:1000px; 
	height:auto;
	}
#content2 {
	clear:both; 
	background:#FFFFFF;
	}
.main1 {
	margin:0 0 20px 0; 
	padding:0 0 20px 0; 
	border-bottom:1px solid #c7c7c7; 
	height:auto;
	}
.main2 { 
	margin:0 0 20px 0; 
	padding:0 0 20px 0; 
	border-bottom:1px solid #c7c7c7; 
	height:auto;
	}
.main3 { 
	margin:0 0 20px 0; 
	padding:0 0 20px 0; 
	height:auto;
	}
.green-bar {
	width:695px; 
	height:40px; 
	background:url(../images/green-bar.png) no-repeat;
	}
.green-bar-main1 {
	margin:0 0 20px 0; 
	padding:0 0 20px 0; 
	background:url(../images/green-bar.png) no-repeat; 
	height:auto;
	}
.green-bar-main2 { 
	margin:0 0 20px 0;
	padding:20px 0 20px 0; 
	background:url(../images/green-bar-2.png) no-repeat; 
	height:auto;
	}
.green-bar-main2 .txt-style {
	font-size:60px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#fdfafa;
	text-align:center;
	font-weight:normal;
	text-transform:capitalize;
	}
.ad1 { 
	margin:20px 0 0 0; 
	text-align:center; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	}  
.ad2 { 
	margin:0px 0 0 0; 
	text-align:center; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	} 
.link-table-base{ 
	width:673px; 
	height:auto; 
	margin:10px; 
	float:left; 
	padding:0; 
	}
.link-table-base1{ 
	width:335px; 
	height:auto; 
	margin:10px 180px; 
	float:left; 
	padding:0; 
	}
.link-table{ 
	width:155px; 
	height:auto; 
	margin:0; 
	float:left; 
	padding:5px; 
	border:1px solid;
	border-color:#000000; 
	border-bottom:none;
	}
.link-table1{ 
	width:160px; 
	height:auto; 
	margin:0; 
	float:left; 
	padding:5px; 
	border:1px solid;
	border-color:#000000; 
	border-bottom:none;
	}
.link-table-bottom{ 
	width:155px; 
	height:auto; 
	margin:0; 
	float:left; 
	padding:5px; 
	border:1px solid;
	border-color:#000000; 
	border-right:none;
	}
.link-table1-bottom{
	width:160px; 
	height:auto; 
	margin:0; 
	float:left; 
	padding:5px; 
	border:1px solid;
	border-color:#000000;
	}
.link-table-right{ 
	width:155px; 
	height:auto; 
	margin:0; 
	float:left; 
	padding:5px; 
	border:1px solid;
	border-color:#000000; 
	border-right:none; 
	border-bottom:none;
	}
.link-table1-right{
	width:160px; 
	height:auto; 
	margin:0; 
	float:left; 
	padding:5px; 
	border:1px solid;
	border-color:#000000;
	border-bottom:none;
	}
.link-table-left{
	width:155px;
	height:auto; 
	margin:0; 
	float:left; 
	padding:5px; 
	border:1px solid;
	border-color:#000000; 
	border-left:none; 
	border-bottom:none;
	}
.link-table-left-bottom{ 
	width:155px;
	height:auto; 
	margin:0; 
	float:left; 
	padding:5px; 
	border:1px solid;
	border-color:#000000;
	border-left:none;
	}
.main-agent {
	width:650px; 
	height:auto; 
	margin:40px auto 20px auto;
	}
.agent-main {
	width:650px; 
	height:auto;
	margin:0; 
	}
.agent-pics {
	width:135px;
	height:100px; 
	float:left;
	margin:10px; 
	}
.agent-content {
	width:480px; 
	height:auto; 
	float:left;
	margin:10px 10px 10px 0;
	}
.skype { 
	width:auto; 
	height:auto; 
	float:right; 
	margin:0 10px;
	}
.other-hotels { 
	width:300px; 
	height:auto; 
	margin:10px auto;
	text-align:justify;
	}
.other-hotels a { 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:14px; 
	color:#333333; 
	text-decoration:underline;
	font-weight:none;
	}
.other-hotels a:hover { 
	color:#FF0000;
	}

/*Others*/
.clear {
	clear:both;
	}
.clear2 {
	clear:both; 
	margin:476px 0 0 0; 
	text-align:center;
	}
.clear3 { 
	clear:both;
	margin:6383px 0 0 0; 
	text-align:center;
	}
.clear4 { 
	clear:both; 
	margin:5184px 0 0 0; 
	text-align:center;
	}

/*Footer*/
#footer { 
	clear:both; 
	padding:15px 0 0 0; 
	margin:20px 0 0 0; 
	background:#00aeef;
	}
.footer_txt { 
	padding:20px 0; 
	margin:0 auto; 
	width:900px;
	}

/*Others*/
.packages-right {
	float:right; 
	margin:0 30px 20px 20px;
	width:300px; 
	height:auto;
	}
.packages-left { 
	margin:0 0 20px 0; 
	height:auto;
	}
.resortA_main {
	float:left;
	margin:0 5px 0 50px; 
	width:300px; 
	height:250px;
	}
.resortA_thumb { 
	float:left; 
	margin:8px 8px 0 3px; 
	width:auto;
	}
.video{ 
	width:320px; 
	height:240px; 
	float:right; 
	margin:0 10px 20px 15px;
	}
.adventure-right { 
	float:right; 
	margin:0 30px 20px 20px; 
	width:450px; 
	height:auto;
	}
.adventure { 
	margin:0 0 20px 0; 
	height:230px;
	}
.adventure2 {
	margin:0 0 20px 0; 
	height:355px;
	}
.resort { 
	margin:0 20px 0 50px; 
	height:auto;
	}
.featured-resort {
	height:auto; width:135px; 
	float:left; 
	margin-right:10px; 
	margin-bottom:20px;
	} 
.featured-resort p{ 
	font-family:Arial, Helvetica, sans-serif;
	}
.featured-resort p b a{ 
	font-family:Arial, Helvetica, sans-serif;
	}
.featured-resort p b font{ 
	font-family:Arial, Helvetica, sans-serif;
	}
.button1 { 
	width:170px; 
	text-align:center; 
	float:right; 
	padding:5px 5px 5px 5px; 
	background-color:#e40000;
	}
.txtbutton1{ 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	text-align:center; 
	color:#FFFF00; 
	text-decoration:none;
	}

/*link Exchange--------------------------------------------------*/
.link-exchange-box-left { 
	width:345px; 
	height:auto; 
	float:left;
	margin:5px 0 20px 0; 
	text-align:left;
	}
.link-exchange-box-left a{ 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#FF0000; 
	font-weight:bold; 
	text-decoration:none;
	}
.link-exchange-box-left a:hover{ 
	color:#FF0000; 
	text-decoration:underline;
	}
.link-exchange-box-right a{ 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#FF0000; 
	font-weight:bold; 
	text-decoration:none;
	}
.link-exchange-box-right a:hover{ 
	color:#FF0000; 
	text-decoration:underline;
	}
.link-exchange-box-right { 
	width:345px; 
	height:auto; 
	float:left; 
	margin:5px 0 20px 0; 
	text-align:right;
	}
.link-exchange-box{ 
	width:230px; 
	height:auto; 
	float:left; 
	margin:0 0 10px 0;
	}
.link-exchange-box a{ 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#006ed6; 
	font-weight:normal; 
	text-decoration:none;
	}
.link-exchange-box a:hover{ 
	color:#FF0000;
	}
.ptext{ 
	font-size:11px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000; 
	text-align:left; 
	font-weight:normal;
	}
.ptext2{ 
	font-size:14px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000; 
	text-align:left; 
	font-weight:bold;
	}
.link-img{ 
	width:131px; 
	height:100px; 
	padding:4px 3px; 
	margin:0 0 12px 0; 
	float:left;
	}
.link-info{ 
	width:450px; 
	height:auto; 
	text-align:left; 
	padding:15px 5px 5px 5px; 
	float:left; 
	margin:0 0 12px 0;
	}
.link-info p{ 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	text-align:justify; 
	text-decoration:none;
	}
.link-info a{ 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#006ed6; 
	font-weight:bold; 
	text-decoration:none;
	}
.link-info a:hover{ 
	color:#FF0000; 
	text-decoration:underline;
	}
.type-of-planes {
	width:600px; 
	height:auto; 
	margin:20px auto; 
	float:none; 
	background-color:#ffffcc; 
	border:5px #FF0000 dashed; 
	min-height:150px; 
	padding:20px; 
	min-height:200px;
	}
.type-of-planes-validaty-dates { 
	width:300px; 
	height:auto; 
	float:left; 
	margin:0; 
	padding:10px 0;
	}
.type-of-planes-validaty-dates p{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:13px; 
	text-align:left;
	}
.type-of-planes-validaty-dates-from {
	width:135px; 
	height:25px; 
	margin:17px 0; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:13px; 
	border:1px #9d9e9e solid; 
	float:left; 
	min-height:25px; 
	background-color:#FFFFFF; 
	color:#FF0000; 
	text-align:center;
	padding:5px 0 0 0;
	}
.type-of-planes-validaty-dates-to {
	width:135px; 
	height:25px; 
	margin:17px 0; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:13px; 
	border:1px #9d9e9e solid; 
	float:left; 
	min-height:25px; 
	background-color:#FFFFFF; 
	color:#FF0000; 
	text-align:center;
	padding:5px 0 0 0;
	}
.type-of-planes-rates { 
	width:300px; 
	height:auto; 
	float:right; 
	margin:0; 
	padding:0;
	}
.type-of-planes-rates-title {
	width:280px; 
	height:auto; 
	float:right; 
	margin:0; 
	padding:6px 0 6px 10px; 
	background-color:#fbf588; 
	border:1px #e8e173 solid; 
	margin:10px 0 0 0;
	}
.type-of-planes-rates p{ 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:13px; 
	text-align:center;
	}
.type-of-planes-rates-number {
	width:140px; 
	height:25px; 
	margin:0 3px 0 0; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:14px; 
	border:1px #9d9e9e solid; 
	float:right; 
	min-height:25px; 
	background-color:#FFFFFF; 
	color:#FF0000; 
	text-align:center;
	padding:5px 0 0 0;
	}
.type-of-planes-img {
	width:140px; 
	height:auto;
	float:left; 
	padding:15px;
	}
.type-of-planes-inside-info {
	width:420px; 
	height:auto; 
	float:left; 
	padding:15px 0 15px 10px;
	}
.type-of-planes-inside-info .inquire {
	width:240px; 
	height:auto; 
	float:none; 
	margin:25px auto 10px auto; 
	padding:0;
	clear:both;
	}
.name-of-plane {
	width:420px; 
	height:auto; 
	float:left; 
	margin:0; 
	padding:0;
	}
.location {
	width:160px; 
	height:auto; 
	float:left; 
	text-align:left; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	margin:10px 0 0 0;
	background-color:#fbfbb9; 
	padding:10px 0 10px 10px; 
	border:1px #b9b906 solid;
	}
.time {
	width:160px; 
	height:auto; 
	float:left; 
	text-align:left; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	margin:10px 0 0 10px; 
	background-color:#fbfbb9; 
	padding:10px 0 10px 20px; 
	border:1px #b9b906 solid;
	}	
.title5 {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:14px; 
	font-weight:bold; 
	color:#0D0D0D; 
	text-decoration:none; 
	text-align:center;
	}
.tell-number {
	width:180px; 
	height:63px; 
	float:right; 
	margin:15px 0 0 5px; 
	padding:0; 
	text-align:center; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:14px; 
	font-weight:bold;
	color:#F5F5F5; 
	padding:17px 0 0 14px; 
	background:url(../images/phone-bg.png) no-repeat;
	}
.inquire {
	width:220px; 
	height:52px; 
	float:left; 
	margin:15px 0 0 80px; 
	padding:0;
	}					
.more-flights {
	width:210px; 
	height:210px; 
	margin:0 auto; 
	float:none; 
	clear:both;
	}
.beach-map {
	width:300px;
	height:auto;
	float:right;
	margin:0 0 0 10px;
	}
.link { 
	margin-bottom: 3px;  
	margin-top: 3px;
	}
.cattable { 
	width: 600px; 
	border:1px solid black;
	}
.linktable { 
	width: 600px; 
	border:1px solid black; 
	}
.catcell { 
	border:1px solid black; 
	text-align: center;
	}
.keywordsearch { 
	font-size:9pt; 
	font-family: arial, helvetica, sans-serif; 
	}
.navlinks { 
	color: blue; 
	font-family: arial, helvetica, sans-serif;
	}
.topnavlinks { 
	color: blue; 
	font-family: arial, helvetica, sans-serif;
	}
.submitsearch { 
	font-size:9pt; 
	font-family:verdana, arial, helvetica, sans-serif;
	}
.url { 
	font-weight: bold; 
	font-family: arial, helvetica, sans-serif; 
	font-size:10pt; 
	color: blue;
	}
.catlink {
	font-weight: bold; 
	color: blue; 
	font-family:verdana, arial, helvetica, sans-serif; 
	font-size:10pt;
	}
.description { 
	font-size:10pt; 
	color: black; 
	margin-bottom: 5px; 
	font-family: arial, helvetica, sans-serif; 
	margin-top: 5px;
	}
.title { 
	color: blue; 
	margin-bottom: 5px; 
	font-weight: bold; 
	font-size:10pt; 
	font-family:arial, helvetica, sans-serif; 
	margin-top: 5px;
	}
.topnav { 
	text-align: left; 
	color: black; 
	margin-top: 5px; 
	font-family: arial, helvetica, sans-serif; 
	margin-bottom: 5px; 
	font-size:10pt;
	}
.navigationtext { 
	font-size:10pt;
	margin-bottom: 5px; 
	color: black; 
	font-family: arial, helvetica, sans-serif; 
	margin-top: 5px; 
	text-align: center;
	}
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	}
.style2 {
	color: #333333
	}
.rosort-videos {
	width:600px;
	height:auto;
	float:none;
	margin:20px auto;
	padding:0;
	clear:both;
	}
.main-boracay-video{
	width:604px;
	height:auto;
	float:none;
	padding:0;
	clear:both;
	margin:15px auto;
	}
.boracay-video {
	width:292px;
	height:auto;
	min-height:280px;
	margin:0 5px 20px 5px;
	text-align:center;
	float:left;
	font-weight:normal;
	color:#00222b;
	font-size:12px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	}
.amberland-plaza {
	width:497px;
	height:auto;
	float:none;
	clear:both;
	margin:20px auto;
	}
	
	
	/*
 * Form Design
 *
 */

form#front-form fieldset
{
 clear: both;
 font-size: 100%;
 border-color: #000000;
 border-width: 1px 0 0 0;
 border-style: solid none none none;
 padding:5px 5px;
 margin: 0 0 0 0;
}

form#front-form fieldset legend
{
 font-size: 150%;
 font-weight: normal;
 color: #000000;
 margin: 0 0 0 0;
 padding: 0 5px;
}

form#front-form div
{
 clear: left;
 display: block;
 width: auto;
 padding: 1px 3px;
}

form#front-form label
{
 font-size: 100%;
 text-align: right;
 margin: 15px 5px 0 0;
 padding: 5px;
 width: 120px;
 float: left;
 font-weight: bold;
}

form#front-form label.label-desc
{
 width: 180px !important;
}

form#front-form label.label-extended
{
 width: 220px !important;
}


form#front-form input
{
 width: 250px;
}
form#front-form select
{
 width: 265px;
}

form#front-form select#custom { width: 75px; }

form#front-form input.short
{
 width: 180px;
}

form#front-form input#order
{
 width: 30px;
}

form#front-form input, form#front-form select, form#front-form textarea
{
 font-size: 100%;
 color: #000000;
 margin: 10px 0 0 0;
 padding: 5px;
 border: 3px solid #DFF1F6;
}

form#front-form input#short_input
{
 width: 60px;
}

form#front-form input#add_input, form#front-form input#check, form#front-form input#radio
{
 width: 10px;
 margin: 20px 0 0 0;
}

form#front-form input#check
{
 margin: 22px 0 0 10px;
}


form#front-form select option
{
 padding: 2px;
 margin-left:10px;
}

form#front-form input#submit, form#front-form input#reset
{
 width: 100px;
 font-weight: bold;
}

form#front-form input#extended
{
 font-weight: bold;
}

form#front-form input:focus
{
 border-color: #9DE2F6;
}

#note-box
{
 background: #f8f8f8 /*url('../images/note.png') no-repeat 1% 20%*/;
 padding:20px !important;
 font-style: italic;
 color: #008000;
 text-indent: 20px;
 margin: 0 auto;

}

#note-box div
{
 margin-left: 40px !important;
 text-indent: 20px;
 padding-left: 10px;
}

.required { color: red; }

/* Calendar */
 #calendar-wrapper
 {
  margin: 0 auto;
 }

 .calendar-top
 {
  font-weight: bold;
  font-size: 1.5em;
  text-align: center;
  margin: 0 0 5px 0;
 }

 #calendar1, #calendar2 { float: left; }
 #calendar1
 {
  margin: 0 20px 0 20px;
 }

#success-message
{
 background: #E2F9E3;
 border: 1px solid #9ECE9E;
 text-indent: 35px;
 margin: 10px 15px !important;
 padding: 20px 0 !important;
}

#error-message
{
 background: #FCDCDC;
 border: 1px solid #FF6A6A;
 text-indent: 20px;
}

#success-message div, #error-message div
{
 margin: 0 0 0 15px;
}