body {font-family: helvetica, Lucida, Verdana, sans-serif; margin: 0; padding: 0; color: #617244; background-color: #617244;/*background-image: url(images/background.jpg); background-repeat: repeat;*/}
img {border: 0;}
input {color: #534741; }
hr {border: 0; border-top: 1px solid #3D756C; height: 1px; clear: both;}
a {color:#617244;}


textarea, input, select {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
	font-size: 12px;
	margin: 1px;
	padding: 2px;
}

#frame {width: /*920px;*/ 100%; font-size: 0.7em; background-color: #fff; margin: 0 auto 0 auto; float: left;}

/* HEADER AREA */

#header {width: 100%; height: 120px; text-align: center; background-color: #818B67; }
#header small {font-size: 10px; margin: 10px 10px 0px 0px; float: right; }
#header img {float: left;}
#header h1 {font-size: 18px; color:#fff; margin: 40px; float: left;}

.logo {border: 0; margin: 15px 0px 0 20px;}

#loginpage {color: #fff; /*border: 4px solid #617244;*/ margin: 30px 0px 0 0; width: 400px; height: 350px; background-color:  #818B67; margin: 0 auto 0 auto; margin-top: 5%; padding: 20px; text-align: center;}
#loginpage img {margin: 0px 0px 30px 0px;}
#loginpage input {padding: 5px 0px 0px 5px; float: right; background-image: url(images/signin_bk.jpg); width: 180px; height:30px; border:1px solid #818B67; margin: 0px;}
#loginpage label {font-size: 12px; font-weight: bold; width: 100px; float: left; display: block; }
#loginpage form {margin: 0 auto 0 auto; width: 320px; height: 160px;  padding: 0px;}
#loginpage button {margin: 0px 10px 10px 0px; float: right;}
#loginpage p a {font-size: 11px; float: left; color: #617244;}
#loginpage p a:hover {font-size: 11px; float: left; color: #fff;}
#loginpage p {font-size: 15px;}
#loginpage h1 {font-size: 14px; margin: 0px 0px 25px 0px;}

.col 
{
    float: left; 
    /*background-color: pink;*/
    width: 440px; 
    margin: 0px 0px 0px 5px;
    text-align: center;
}


.dash
{
    width: 390px;
    float: left;
    border: 1px solid #3D756C;
    background-color: #f8f8f8;
    padding: 0px;
    margin: 10px;
    text-align: left;
}

.wide
{
    width: 850px;
    background-color: #fff;
    /*margin: 0px;*/
}

.dash h3, .dash h2
{
    margin: 0px 0px 10px 0px;
    font-size: 14px;
}


.dash p
{
margin: 10px;
}

.dash ul {padding: 0px; margin: 0px; list-style-position: outside; list-style-type: none; }
.dash li { padding: 5px; width: 97%; float:left;line-height: 20px; vertical-align: middle; margin-bottom: 5px; border-bottom: 1px dotted #999; background-color: #f8f8f8;}
.dash li a{ /*color: #3D756C;*/ padding: 5px;font-size: 12px; text-transform: uppercase; font-weight: bold; display: block; text-decoration: none; /*background-color: #f8f8f8;*/}
.dash li:hover {background-color: #f1f1f1; font-weight: bold;}
/*.dash li img {float: left; width: 25px; height: 25px; margin: 2px 5px 0px 0px;}*/
.dash li button {margin: 0px; float: right;}
.dash small {font-weight: normal;}
.thumb {width: 50px; height: 50px;}

.article
{
    margin: 0 auto 0 auto;
    width: 500px;
}

#comments 
{
    width: 500px;
    height: 350px;
}


.comments {/*width: 93%; */  float: left; width: 800px; padding: 0px; margin: 10px; text-align: left;}
.comments label {margin: 10px 0px 0px 0px; padding: 0px 0px 5px 0px; float: left; width: 275px; display: block; font-weight: bold;clear: both; font-size: 14px;}
.comments input, .comments select {margin: 1px 8px 1px 1px; float: left; clear: both; }
.comments select {width: 275px; }
.comments textarea {font-size: 12px; width: 95%; height: 200px; margin: 0px; clear: both;}
.payments textarea {font-size: 12px; width: 95%; height: 50px; margin: 0px; clear: both;}

.largefont {font-size: 13px; font-weight: bold;}
.subnav {padding: 15px; float: left; margin: 0px 0px 15px 10px; width: 90%; background-color: #fff;}
.subnav a, .largefont a {text-decoration: none; margin: 0px 10px 0px 10px;}
.subnav a:hover, .largefont a:hover {text-decoration: underline; }

#title, #tdk_0, #tdk_1, #tdk_2, .long
{
 width: 98%;
 font-size: 22px; font-family: Arial; color: #000; font-weight: normal; padding-left: 3px;
}

.edit textarea
{
    width: 400px;
}



/* NAVIGATION TABS */

#nav a {color: #fff;}
#nav {width: 100%; height: 36px; vertical-align: middle; float: left; background-color: #818B67; border-bottom: 1px solid #617244;}
#nav ul {margin: 0; padding: 0;}
#nav li { font-size: 14px; padding: 0; float: left; list-style: none; color: #fff;font-weight: normal; }
#nav li a { margin: 3px 0 0 15px; text-decoration: none; display: block; padding: 8px;  }
#nav li a:hover{ color: #617244; }
#on a 
{
	border-width: 1px !important;
	border-style: solid !important;
	font-weight: bold;
	background-color: #fff; 
	color: #617244;  
	border: 2px solid #617244; 
	font-size: 16px; 
}
#on a {
	border: none;
	-moz-border-radius-topleft: 5px;
	-khtml-border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-khtml-border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
}




/* FOOTER AREA */

#footer {width: 100%; float: left; color: #818B67; font-size: 12px;}
#footer p {margin: 30px; padding: 0;}
#footer a {color: #fff; text-decoration: none;}
#footer a:hover, #on {text-decoration: underline;}

.right {float: right;}
.picright {float: right; margin: 0 0 0 20px;}


/* ADMIN AREA */


#content {/*width: 800px;*/ /*width: 70%;*/ float: left; padding: 20px; background-color: #fff; display: block; }
#content h1 {font-size: 24px; color: #617244; margin: 0px 0px 10px 0px;}
#content p {font-size: 12px;}

/*#content button {margin: 10px 10px 10px 0; font-size: 14px;}*/

.smart table {width: 100%; border: 1px solid  #818B67;}
.smart th {text-align: left; background-color: #617244; color: #fff; height: 30px; font-size: 12px;}
.smart td, .smart th {vertical-align: top; font-size: 12px; border-top: 1px solid #818B67;}
.smart td a {text-decoration: none;}
.smart td a:hover {color: #000;}

iframe {height: 500px; margin-top: 20px;}

/*
button
{
    font-size: 10px;
    width: auto; 
    padding: 2px;
    margin: 0px;
    line-height: 14px;   
}

*/

form
{
    margin: 0px;
    padding: 0px;
    
}

.refused
{
    background-color: #666;   
    color: #fff;
    border: 1px outset #222;
}

h2,h3
{
background-color: #617244;/*#3D756C;*/
display: block;
color: #fff;
padding: 8px;
margin: 10px 0px 10px 0px;
font-size: 14px;
}

.res
{
    width: 250px;
    float: right;
    border: 2px dotted #3D756C;
    background-color: #f8f8f8;
    padding: 10px;
    margin: 10px 75px 0px 0px;
    text-align: center;
}
#tblResource
{
    background-color: #f8f8f8;
    width: 90%;
    border: none;
    margin: 20px 0px 20px 0px;
}
#tblResource input, #tblResource select
{
    width: 200px;
}

.rowA
{

    font-weight: bold;
    color: #3D756C;
}

.rowB
{
    background-color: #ccc;
}
#tblResource td
{   
    border: none;
    /*background-color: #ccc;*/
    padding: 5px;
    width: 30%;
}
.icon {float: left; width: 25px; height: 25px; margin: 2px 5px 0px 0px;}
.photo {float: left; /*width: 25px; height: 25px; */margin: 2px 5px 0px 0px;}

.pnav, .resulthead {float: left;}
.resulthead button {margin: 0px 5px 0px 5px;}



/* new form button design inspired by wordpress */

.form-invalid input, button {
	border-width: 1px !important;
	border-style: solid !important;
}

.button-secondary, button{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
	padding: 3px 5px;
	font-size: 12px;
	line-height: 1.5em;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	text-decoration: none;	
}

.button-secondary:hover, button:hover {
	border-color: #000;
	color: yellow;
}

.button-secondary, button {
	/*background-color: #cee1ef !important;*/
	background-color:#617244;
    color: #fff;
	border-color: #4A503A;
	padding: 2px;
	font-size: 12px;
}

.tablenav {background-color:#C2C8B5; padding: 5px; margin: 0px 0px 5px 0px;}

#saveme1, #saveme2 {float: right; background-color: Red; color: #fff; text-transform: uppercase; font-weight: bold;}
#saveComplete1 {float: right; background-color: yellow; color: green; text-transform: uppercase; font-weight: bold;}

.resortimg {float: left; margin: -10px 10px 10px 10px;}

.dashresort {width: 90%; margin: 15px;}
.dashresort th {border-bottom: 1px solid #222;text-align: center;}
.dashresort td {border-bottom: 1px solid #ccc;text-align: center;}
.allcaps {text-transform: uppercase;}

#form1 img, #form2 img {width:100px;}

#promo {padding: 0 20px 0 20px;}
#promo h1 {font-size: 22px;}
#promo select {/*margin: 0 0 0 10px;*/ width: 230px;}
#promo button {/*margin: 0 0 0 10px;*/}
#promo textarea {height: 150px;}
.fieldwidth {width: 300px;}



#dink a {color: #fff !important; font-size: 14px !important; font-weight: bold; margin: 0 auto 0 auto; width: 100%;}
#dink2 a {color: #fff !important; font-size: 12px !important; font-weight: bold; margin: 0 auto 0 auto; width: 100%;}