/* 
Style sheet for Add New Trail Form
Developer: Scott Miller
*/

.newtrailform {
    width: 400px;
    font-family: 'Lucida Grande', Arial, sans-serif;
	font-size: 12px;
    color: #000;
    background-color: #f1efe0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px; 
}

.newtrailform .title {
    font-size: 22px;
    color: #fff;
}

.newtrailform .formrowtop {
    clear: left;
    margin: 0;
    padding: 5px 0 8px 0;
    padding-left: 135px; /*label area width*/
    height: 1%;
    background-color: #960603;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px; 
}

.newtrailform .formrow {
    clear: left;
    margin: 0;
    padding: 5px 0 8px 0;
    padding-left: 135px; /*label area width*/
    border-top: 1px dotted #999;
    height: 1%;
}

.newtrailform .formrowint {
    clear: left;
    margin: 0;
    padding: 5px 0 8px 0;
    padding-left: 135px; /*label area width*/
    border-top: 1px dotted #999;
    height: 1%;
    display: none;
}

.newtrailform .formrowdom {
    clear: left;
    margin: 0;
    padding: 5px 0 8px 0;
    padding-left: 135px; /*label area width*/
    border-top: 1px dotted #999;
    height: 1%;
}

.newtrailform .formrowmap {
    clear: left;
    margin: 0;
    padding: 5px 0 8px 0;
    padding-left: 12px;
    border-top: 1px dotted #999;
    height: 1%;
}

.newtrailform .formrowbottom {
    clear: left;
    margin: 0;
    padding: 5px 0 8px 0;
    padding-left: 135px; /*label area width*/
    height: 1%;
    background-color: #960603;
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
}

.newtrailform label {
    font-weight: bold;
    float: left;
    text-align: right;
    margin-left: -135px; /*width of left column*/
    width: 125px; /*label width plus right margin*/
}

.newtrailform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
    width: 160px;
}

.newtrailform textarea {
    width: 230px;
    height: 40px;
}

.newtrailform .tip {
    color: #f00;
    font-weight: bold;
}

.newtrailform .tip:hover {
    color: #000;
    font-weight: bold;
    cursor:help
}

#trailname,
#area,
#trailwebsite {
    width: 230px;
}

#visityear {
    width: 40px;
}

#visitmonth,
#visitday {
    width: 20px;
}

#hiddensection {
    display: none;
}

.map_canvas {
	height: 276px;
	width: 376px;
}

#place {
    width: 120px;
}

#go {
    width: 35px;
}

#placeholder {
    display: block;
}

.required {
	color: #f00;
}

#submitconfirm {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color: #000;
    filter:alpha(opacity=80); /* for IE */
    opacity:0.8; /* CSS3 standard */
    display: none;
}

#msgconfirm {
    position: fixed;
    top: 200px;
    right: 50%;
    margin-right: -250px;
    height: 50px;
    width: 500px;
    background-color: #960603;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/*
Form adapted from:
http://www.dynamicdrive.com/style/csslibrary/item/css-tableless-form/
*/