/*******************/
/* General         */
/*******************/
html {
    height:             100%;
}

body {
    padding:            0px;
    border:             0px;
    margin:             0px;
    font-size:          14px;
    font-family:        Arial, Verdana, "Times New Roman", Helvetica, sans-serif;
    color:              #000000;
    text-align:         center;
    background-color:   #ffffff;
}

form, img {
    padding:            0px;
    border:             0px;
    margin:             0px;
}

img {
    vertical-align:     middle;
}

a {
    color:              #ff6600;
    text-decoration:    none;
}

a:hover {
    color:              #000000;
    text-decoration:    underline;
}

a.close {
    float:              right;
    height:             20px;
    width:              20px;
    background:         #999999 url(../images/close.gif) no-repeat;
}

a.printer {
    float:              right;
    height:             20px;
    width:              20px;
    margin-right:       1px;
    background:         #999999 url(../images/printer.gif) no-repeat;
}

.print, .hide {
    display:            none;
    visibility:         hidden;
}

.clear {
	clear:              both;
}

.center {
    text-align:         center;
}

.left {
    float:              left;
}

.right {
    float:              right;
}

.bold {
    font-weight:        bold;
}

.attention {
    background-color:   #FCFF00;
}

.nowrap {
	white-space: nowrap;
}
/*******************/
/* Layout          */
/*******************/

/* main page */
#mainContainer { /* will be 1000px wide, when comms are included */
    width:              950px;
    padding-top:        20px;
    margin: 			0px auto 0px auto;
    text-align:         left;
}

#commtop { /* will be 1000px wide, when comms are included */
    width:              770px;
    height:             0px;
    margin: 			0px auto 0px auto;
    text-align:         left;
}

#commright {
    float:              right;
    width:              160px;
    margin: 		    0px 0px 0px 0px;
    text-align:         left;
}

#commright div {
    /* position:           fixed; */
}

#contentContainer {
    float:              left;
    width:              770px;
    text-align:         left;
}

#head {
    height:             101px;
    background-image:   url(../images/head.png);
}

#head.studio {
    background-image:   url(../images/head-backend.png);
}

#head2 {
    padding:            3px 8px 3px 8px;
    font-size:          14px;
    font-weight:        bold;
    color:              #ffffff;
    background-color:   #ff6600;
}

#head a {
    display:            block;
    height:             113px;
}

#content {
    min-height:         300px;
}

* html #content {
    height:             300px;  /* min-height fix for IE6 */
}

.loginbox {
    min-height:         150px;
}

* html .loginbox {
    height:             150px;  /* min-height fix for IE6 */
}

.menu {
    margin-top:         3px;
    height:             34px;
}

.menuContent {
    color:              #999999;
}

.boxHead {
    margin-top:         16px;
    color:              #ffffff;
    background-color:   #999999;
}

.boxHead h1 {
    display:            block;
    padding:            3px 8px 3px 8px;
    margin:             0px;
    font-size:          14px;
    font-weight:        bold;
    background:         url(../images/bg-boxhead.gif) repeat-x left top;
}

.boxHead span.distance {
    display:            block;
    float:              right;
    font-weight:        normal;
    font-size:          14px;
    line-height:        18px;
}

.box, .commbox {
    border-left:        1px solid #999999;
    border-right:       1px solid #999999;
    border-bottom:      1px solid #999999;
    padding:            8px;
    overflow:           hidden;
}

.commbox {
    margin-top:         16px;
    border-top:         1px solid #999999;
}

.startbox {
    min-height:         120px;
}

* html .startbox {
    height:             120px; /* min-height fix for IE6 */
}

.halfContainer {
    width:              380px;
}

/* IE6: box width must be set, otherwise box borders might disappear when scrolling */
#content .box {
    width:              752px;
}
/* IE6: box width must be set, otherwise box borders might disappear when scrolling */
#content .halfContainer .box {
    width:              362px;
}

.searchBox {
    padding-top:        7px;
    padding-bottom:     15px;
}

.searchLinks {
    margin-top:         20px;
    overflow:           hidden;
}

#foot {
    clear:              both;
    width:              100%;
    height:             20px;
    border-bottom:      2px solid #ff6600;
}

/* popups */
#pContent {
    width:              630px;
    margin: 			10px auto 0px auto;
    text-align:         left;
}
/*******************/
/* Content         */
/*******************/
.heading1, .heading {
    font-weight:        bold;
    font-size:          16px;
}

.heading {
    margin-top:         8px;
}

.subheading {
    margin-top:         4px;
    font-weight:        bold;

}

.text {
    padding-top:         4px;
}

.smalltext {
    font-size:          12px;
}

.ct_found {
    text-decoration:    underline;
}

.map {
    float:              left;
    width:              150px;
    margin-right:       10px;
}

.contact {
    float:              left;
    width:              210px;
    margin-right:       10px;
}

.googleThumb {
    z-index:            999;
    position:           relative;
}

.errorMessage, .successMessage {
    margin:             4px 0px 0px 0px;
    padding:            6px;
}

.errorMessage {
    background-color:   #ee0000;
    color:              #ffffff;
}

.successMessage {
    background-color:   #00cc00;
    color:              #ffffff;
}

/*******************/
/* Forms           */
/*******************/

/* input */
div.formEntry {
    padding:             8px 0px 0px 0px;
}

div.formEntry label {
    display:            block;
    font-size:          14px;
    font-weight:        bold;
}

div.formEntry2 label {
    display:            inline;
}

div.formEntry label span {
    font-size:          12px;
    font-weight:        normal;
}

div.formBlock {
    width:              362px;
}

div.formBlock textarea, div.formBlock input, div.formBlock select {
    width:              357px;
}

.searchBox div.formEntry {
    margin-left:        10px;
}

input, select, textarea {
    border-width:       2px;
    padding:            1px;
    background:         #f8f8f8;
    font-size:          20px;
    font-family:        Arial, Verdana, "Times New Roman", Helvetica, sans-serif;
}

input[type=radio], input[type=checkbox] {
    background:         none;
}

button {
    height:             28px;
    line-height:        28px; /* makes sure that Opera shows the button text vertically centerd */
    border:             0px;
    overflow:           visible; /* makes sure that IE does not add extra padding to button */
    padding:            0 10px 0 10px;
    font-size:          14px;
    font-weight:        bold;
    background:         #ff6600 url(../images/bg-searchbutton.gif);
    cursor:             pointer;
}

div.error, label.error {
    color:              #ee0000;
}

input.error, select.error, textarea.error  {

}


/*******************/
/* Other           */
/*******************/
table.standard {
    border-collapse:    collapse;
}

table.standard td {
    border:             1px solid black;
    padding:            4px;
}