/* CSS Document */

* {margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif;}
a {color: rgb(0,0,0); text-decoration: none; font-weight: bold;}
a:hover {text-decoration: underline}
body {font-size: 12px;}
.error {font-weight: bold; color: rgb(255,0,0); padding-top: 20px;}
.alert {padding: 5px; background-color: rgb(245,223,223); border: solid 1px rgb(191,38,40); text-align: center;}

/* Frame */
#Container {width: 900px; padding-left: 10px;/* background-image: url(../Images/Template/Background.jpg); background-repeat: repeat-y; background-position: left;*/}

/* Green bar at the top */
#Container #Header {/*color: rgb(255,255,255); font-size: 14px; font-weight: bold; text-align: center; padding: 5px; background-image: url(../Images/Template/HeaderCurve.jpg); background-position: right bottom; background-repeat: no-repeat; background-color: rgb(190,35,39);*/}

/* Grey navigation on the left */
#Container #SideNav {width: 100px; height: 820px;}
#Container #SideNav .link {padding: 11px 0px; text-align: center; border-bottom: solid 1px rgb(235,235,235); border-top: solid 1px rgb(164,164,164);}
#Container #SideNav .link a {font-size: 12px;}

/* Footer for all pages */
#Container #Footer {/*background-image: url(../Images/Template/SideBottom.jpg); background-position: left bottom; background-repeat: no-repeat; clear: both;*/}

/* Navigation in the footer */
#Container #Footer .bottomNav {width: 900px; border-top: solid 1px rgb(219,219,219); border-bottom: solid 1px rgb(219,219,219); text-align: center; float: right; margin-top: 16px;}
#Container #Footer .bottomNav ul {line-height: 30px; white-space: nowrap;}
#Container #Footer .bottomNav ul li {list-style-type: none; display: inline;}
#Container #Footer .bottomNav ul li a {padding: 10px 6px;}

/* Content area */
#Container #Content {width: 883px;}

/* Listing link / box under logo */
#Container #Content .listingLink {background-image: url(../Images/Template/ListingLink.jpg); background-repeat: no-repeat; text-align: center; width: 290px; height: 21px; padding: 5px 0px 0px 0px;}
#Container #Content .listingLink a {color: rgb(255,255,255);/* font-weight: bold;*/}

/* Logo / Search area */
#Container #Content #LogoSearch {border-bottom: solid 1px rgb(219,219,219); background-image: url(../Images/Template/Logo.jpg); background-repeat: no-repeat;  height: 111px;}

/* Search area */
#Container #Content #LogoSearch .logoSearch-Search {font-weight: bold; float: right; text-align: right;}
#Container #Content #LogoSearch .logoSearch-Search form {padding-top: 13px;}
#Container #Content #LogoSearch .logoSearch-Search .logoSearch-Textfield {font-weight: bold; padding: 2px; font-size: 11px;}
#Container #Content #LogoSearch .logoSearch-CafeLogin {float: right; width: 200px; text-align: right; padding-top: 90px;}

/* Search Box displayed on listing / personal pages */
.searchBox {background-color: rgb(238,238,238); width: 535px;}
.searchBox .searchBoxTop {background-image: url(../Images/Template/SearchBoxTop.jpg); background-repeat: no-repeat; background-position: top left; height: 5px;}
.searchBox .searchBoxMid {padding: 14px 19px;}
.searchBox .searchBoxMid table tr td {padding: 5px 0px;}
.searchBox .searchBoxMid table tr td.searchBoxHeader {font-size: 27px;}
.searchBox .searchBoxBot {background-image: url(../Images/Template/SearchBoxBottom.jpg); background-repeat: no-repeat; background-position: bottom left; height: 5px;}

/* Forms */
table.form {border-left: solid 1px rgb(0,0,0);}
table.form th {background-color: rgb(191,38,40); color: rgb(255,255,255); padding: 5px; font-size: 14px; border-right: solid 1px rgb(0,0,0); border-bottom: solid 1px rgb(0,0,0);}
table.form td {padding: 3px; border-right: solid 1px rgb(0,0,0); border-bottom: solid 1px rgb(0,0,0);}