body { margin: 0; padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #fff; }

h1 { font-size: 22px; margin: 4px 0 8px 0; clear: both; }
h2 { font-size: 18px; margin: 4px 0 8px 0; clear: both;  }
h3 { font-size: 15px; margin: 0 0 5px 0; clear: both; }

a { color: #1C7800; }
a img { border: none; }
p { clear: both; }

.smallText { font-size: 11px; }
.tinyText { font-size: 8px; }
.centerText { text-align: center; }
.boldText { font-weight: bold; }
.important { text-align: center; font-weight: bold; border: solid 1px #9D080D; background-color: #FDC689; padding: 6px; }

input[type=text], input[type=password], input[type=file], select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; border: solid 1px #aaa; }
input[type=text], input[type=password] { padding: 4px 5px; }
input[type=button], input[type=submit], button { height: 23px; padding: -2px 4px 4px; color: #fff; font-size: 13px; font-weight: bold; border: solid 1px #114b00; background: #114b00 url(../Images/button.gif) repeat-x;  }

select { padding: 3px; }
textarea { padding: 3px; }

#page { float: left; width: 984px; }
#main { float: left; margin-top: 2px; }
#main #leftPanel { float: left; clear: left; width: 732px; /*padding: 6px; background: #fff url(../images/tanGradient.gif) repeat-x;*/ }
#main #rightPanel { float: left; clear: right; width: 246px; margin-left: 6px; background-color: #fff; }

#top { height: 68px; }
#top .logo { float: left; margin: 4px 0 4px 10px; font-size: 30px; font-weight: bold; cursor: pointer; border: none; }
#top .breadcrumbs { float: right; padding: 50px 2px 0 0; font-weight: bold; font-size: 14px; color: #145500; }
#top .breadcrumbs a { text-decoration: none; }
#top .breadcrumbs .current { color: #dda; }

#footer { font-size: 11px; padding: 10px; height: 100px; text-align: right; border-top: solid 2px #145500; background: #fff url(../images/tanGradient.gif) repeat-x scroll; }
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer .separator { padding: 0 20px; }
#footer .copyright {}

#ajaxLoader { position: absolute; background-image: url(../images/loader.gif); width: 32px; height: 32px; display: none; margin: 16px 0 0 16px; } 

.menu { font-size: 14px; background: #680 url(../images/menu.gif) repeat-x; height: 32px; padding: 0 0 0 10px; margin: 0; }
.menu a { font-weight: normal; text-decoration: none; color: #fff; }
.menu li { float: left; list-style-type: none; height: 17px; margin: 3px 2px 0; padding: 6px 10px;  }
.menu li.selected { background: #fff url(../images/tab.gif); }
.menu li.selected a { color: #060; }
.menu li.right { float: right; }

.traceBox { border: solid 1px #ddd; padding: 1px; background: #fff; }
.bgTan { background: #f7f2e1; }
.box { padding: 10px; background: transparent; } 
.boxTan { padding: 7px; background: #f7f2e1; } 
.gradientBoxGreen { padding: 6px; background: #fff url(../images/greenGradient.gif) repeat-x scroll; }
.gradientBoxTan { padding: 6px; background: #fff url(../images/tanGradient.gif) repeat-x scroll; }


.paddingSix { padding: 6px; }
.hidden { display: none; }
.floatLeft { float: left; clear: none; }
.floatRight { float: right; clear: none; }

form { margin: 0; padding: 0; }

.inputField { float: left; margin-bottom: 8px; }
.inputField label { float: left; font-weight: normal; padding-top: 4px; }

.leftField { float: left; }
.rightField { float: left; clear: none; }
.leftField label { width: 120px; clear: none; }
.rightField label { width: 90px; clear: none; }

.commandField { margin: 20px auto; text-align: center; }

.narrowInput { width: 210px; float: left; }
.narrowInput input { width: 186px; float: left; }
.narrowInput select { width: 198px; float: left; }
.narrowInput textarea { width: 190px; height: 140px; float: left; }
.wideInput { width: 510px; float: left; }
.wideInput input { width: 486px; float: left; }
.wideInput textarea { width: 490px; height: 200px; float: left; }

.validatorMessage { color: #f00; font-weight: bold; font-size: 11px; clear: both; margin-left: 2px; }
.validatorIcon { float: left; width: 5px; height: 22px; margin-left: 2px; background-color: #f7c202; display: none; }

.checkBoxList { float: left; clear: left; }
.checkBoxList .column { float: left; margin-right: 20px; }
.checkBoxList .column .item { float: left; clear: both; }

.startWelcomeBox { background-image: url('../images/hast_valkommen.jpg'); background-position: bottom right; background-repeat: no-repeat; }

.fields { width: 712px; }
.fields .field { float: left; width: 233px; margin: 4px 2px; }
.fields .spanTwoCols { width: 471px; }
.fields .spanThreeCols { width: 708px; }
.fields .field .name { float: left; margin-right: 8px; }
.fields .field .value { float: left; font-weight: bold; }

.adListHead { height: 30px; line-height: 30px; }
.adListHead .count { float: left; padding: 0 5px; }
.adListHead .sorting { float: right; }

.adListCompact { float: left; width: 720px; }
.adListCompact TD { padding: 5px 4px; }
.adListCompact TD.oddRow { background-color: #F7F2E1; }
.adListCompact .imageColumn { width: 108px; vertical-align: middle; }
.adListCompact .imageColumn img { background: #fff; padding: 3px; border: 1px solid #ccc; }
.adListCompact .descColumn { width: 463px; text-align: left; vertical-align: top; padding-right: 29px; }
.adListCompact .descColumn .headline { padding: 5px 0; }
.adListCompact .descColumn .headline a { font-weight: bold; font-size: 14px; text-decoration: none; }
.adListCompact .descColumn .body { clear: both; }
.adListCompact .descColumn .price { padding: 5px 0; font-weight: bold; font-size: 13px; }
.adListCompact .locationColumn { width: 100px; text-align: left; vertical-align: top; padding-top: 15px; }

.adminAdListCompact { float: left; }
.adminAdListCompact TH { padding: 3px 4px; font-weight: bold; border-bottom: solid 1px #ccc; }
.adminAdListCompact TD { font-size: 12px; padding: 5px 4px; vertical-align: middle; }
.adminAdListCompact TD.oddRow { background-color: #F7F2E1; }
.adminAdListCompact .dateColumn { width: 40px; text-align: center; }
.adminAdListCompact .dateColumn .sortDate { float: left;  padding-right: 10px; }
.adminAdListCompact .dateColumn .date { font-weight: bold; }
.adminAdListCompact .imageColumn { width: 44px; }
.adminAdListCompact .imageColumn img { padding: 2px; border: none; width: 40px; height: 30px; }
.adminAdListCompact .selectColumn { width: 20px; }
.adminAdListCompact .descColumn { width: 326px; text-align: left;  vertical-align: top; }
.adminAdListCompact .descColumn .headline { font-weight: bold; }
.adminAdListCompact .descColumn .headline a { text-decoration: none; }
.adminAdListCompact .descColumn .commands { margin-top: 10px; border-top: solid 1px #ccc; }
.adminAdListCompact .validatedColumn { width: 70px; text-align: center; }
.adminAdListCompact .hiddenColumn { width: 70px; text-align: center; }
.adminAdListCompact .showColumn { width: 80px; text-align: center; }

.linkList { float: left; width: 706px; }
.linkList TH { padding: 3px 4px; font-size: 14px; font-weight: bold; border-bottom: solid 1px #ccc; }
.linkList TD { padding: 5px 4px; vertical-align: middle; height: 4em; }
.linkList TD.oddRow { background-color: #F7F2E1; }
.linkList .dateColumn { width: 60px; text-align: center; }
.linkList .dateColumn .sortDate { float: left;  padding-right: 10px; }
.linkList .dateColumn .date { font-weight: bold; }
.linkList .descColumn { width: 617px; text-align: left;  vertical-align: top; border-left: solid 1px #ccc; }
.linkList .descColumn .headline { float: left; font-weight: bold; }
.linkList .descColumn .headline a { text-decoration: none; }
.linkList .descColumn .link { float: right; }
.linkList .descColumn .body { clear: both; }

.adminLinkList { float: left; width: 706px; }
.adminLinkList TH { padding: 3px 4px; font-size: 14px; font-weight: bold; border-bottom: solid 1px #ccc; }
.adminLinkList TD { padding: 5px 4px; vertical-align: middle; height: 4em; }
.adminLinkList TD.oddRow { background-color: #F7F2E1; }
.adminLinkList .dateColumn { width: 60px; text-align: center; }
.adminLinkList .dateColumn .sortDate { float: left;  padding-right: 10px; }
.adminLinkList .dateColumn .date { font-weight: bold; }
.adminLinkList .descColumn { width: 551px; text-align: left;  vertical-align: top; border-left: solid 1px #ccc; }
.adminLinkList .descColumn .headline { float: left; font-weight: bold; }
.adminLinkList .descColumn .headline a { text-decoration: none; }
.adminLinkList .descColumn .link { float: right; }
.adminLinkList .descColumn .body { clear: both; }
.adminLinkList .validatedColumn { width: 70px; text-align: center; }

.pager { float: left; margin: 20px 0; position: relative; left: 50%; clear: both; font-size: 13px; font-weight: bold; }
.pager a { float: left; position: relative; right: 50%; padding: 2px 5px; text-decoration: none; text-align: center; }
.pager a:hover { text-decoration: underline; }
.pager .selected { background: #1C7800; color: #fff; }

.adStats { float: right; margin-right: 120px; }

.adImages { margin-left: auto; margin-right: auto; width: 718px; }
.adImages .normalImage { float: left; padding: 3px; border: 1px solid #ccc; }
.adImages .center { margin-left: auto; margin-right: auto; }
.adImages .uploadImage { float: left; position: relative; padding: 2px; border: none; width: 600px; height: 450px; background-position: center center; background-repeat: no-repeat; }
.adImages .hasMega { cursor: pointer; }
.adImages .thumbnails { float: right; /*width: 106px;*/ }
.adImages .thumbnails .thumbnail { cursor: pointer; width: 100px; height: 75px; margin-bottom: 12px; padding: 2px; border: 1px solid #ccc; background-position: center center; background-repeat: no-repeat; }
.adImages .thumbnails .thumbnail .mega { position: absolute; margin: 55px 0 0 80px; width: 16px; height: 16px; background: transparent url(../Images/mega.gif); }
.adImages .thumbnails .thumbnail .deleteThumb { position: absolute; margin: 4px 0 0 4px; width: 16px; height: 16px; background: transparent url(../Images/closebutton.gif); }
.adImages .thumbnails .thumbnail .main { position: absolute; margin: 4px 0 0 80px; width: 16px; height: 16px; background: transparent url(../Images/firstImg.gif); }
.adImages .thumbnails .selected { padding: 0; border: solid 3px #1C7800; }

.adFields { width: 712px; font-size: 13px; }
.adFields .field { float: left; width: 233px; margin: 4px 2px; }
.adFields .spanTwoCols { width: 471px; }
.adFields .spanThreeCols { width: 708px; }
.adFields .body { width: 550px; }
.adFields .field .name { float: left; margin-right: 8px; }
.adFields .field .value { float: left; font-weight: bold; }
.adFields .fieldPrice { width: 710px; height: 40px; font-size: 16px; }
.adFields .fieldPrice .name { float: left; width: 54px; margin: 1px; padding: 2px; font-weight: bold; }
.adFields .fieldPrice .value { float: left; width: 534px; margin: 1px; padding: 2px; font-weight: normal; }
.adFields a { font-weight: bold; text-decoration: none; }
.adFields a:hover { text-decoration: underline; }

.lightboxBg { position: absolute; display: none; z-index: 1; background-color: #000; opacity: 0.5; filter: alpha(opacity=50); } 
.lightbox { position: absolute; }
.lightbox .loader { background: #fff url(../Images/bigLoader.gif) no-repeat scroll center center; width: 100px; height: 100px; }
.lightbox .imageContainer { position: relative; }
.lightbox .imageContainer .image { padding: 3px; border: 1px solid #ccc; background-color: #fff; cursor: pointer; }
.lightbox .imageContainer .prevImage { position: absolute; top: 0; bottom: 0; width: 100px; opacity: 0.5; filter: alpha(opacity=50); background-color: #fff; }
.lightbox .imageContainer .nextImage { position: absolute; top: 0; bottom: 0; right: 0; width: 100px; opacity: 0.5; filter: alpha(opacity=50); background-color: #fff; }
.lightbox .toolbar { margin: 5px 5px 0; }
.lightbox .link { }

.adFooter { margin-top: 20px; padding: 10px 5px; border-top: solid 1px #000; text-align: center; font-size: 10px; }

.createCheckBoxList { float: left; margin-top: 4px; }
.createCheckBoxList .column { float: left; margin-right: 40px; }
.createCheckBoxList .column .item { float: left; margin: 2px 0; clear: both; }
.createCheckBoxList .column .item input { float: left; margin-top: 2px; }

.createCrop { position: absolute; border: none; top: 0; left: 0; right: 0; bottom: 0; cursor: move; }
.createCropShading { position: absolute; top: 0; left: 0; background-color: Black; opacity: 0.5; filter: alpha(opacity=50); z-index: 0; }
.createCrop #tools { position: absolute; right: 10px; top: 10px; display: none; }

.stats { font-size: 14px; }
.stats .header { font-size: 14px; font-weight: bold; }
.stats .entry { }
.stats .sectionEnd { margin-bottom: 10px; }

.hotAds { font-size: 14px; }
.hotAds .hotAd { float: left; width: 238px; margin: 2px 0; }
.hotAds .hotAd .thumbnailContainer { float: left; margin-right: 4px; }
.hotAds .hotAd .thumbnailContainer .thumbnail { border: 1px solid #ccc; padding: 2px; }
.hotAds .hotAd .body { float: left; width: 126px; padding: 5px 1px; }
.hotAds .hotAd .body a { text-decoration: none; }
.hotAds .hotAd .header { font-weight: bold; padding-bottom: 3px; }

.raceList, .proficiencyList, .regionList { float: left;  }
.regionList { font-size: 14px; }
.raceList .column, .proficiencyList .column, .regionList .column { float: left; width: 109px; padding-left: 6px; }
.regionList .column { width: 113px; }
.raceList .column .item, .proficiencyList .column .item, .regionList .column .item { margin-bottom: 1px; }
.raceList a, .proficiencyList a, .regionList a { text-decoration: none; }

.linkCategoryList { clear: both; width: 694px; margin-bottom: 6px; }
.linkCategoryList .column { float: left; width: 173px; }
.linkCategoryList .column .item { float: left; margin-bottom: 6px; clear: both; }

.linksSearchBox { }
.linksSearchBox .freetext { float: left; width: 255px; }
.linksSearchBox .button { float: left; margin-left: 4px; height: 24px; }

.searchBox { padding: 10px; margin: 0 auto; background: #eee4c0; }
.searchBox .freetext { float: left; width: 295px; margin-right: 7px; }
.searchBox .category { float: left; width: 150px; margin-right: 7px; }
.searchBox .region { float: left; width: 150px; }
.searchBox .button { float: right; height: 24px; width: 80px; }
.searchBox .simpleOptions { margin-top: 4px; }
.searchBox .simpleOptions .adTypes { float: left; clear: left; }
.searchBox .simpleOptions .requireImage { float: left; clear: right; }
.searchBox .simpleOptions label { margin-right: 15px; }
.searchBox .optionsLink { float: right; margin: 3px 5px 0 0; }

.advancedSearchBox .button { position: relative; top: 65px; }

.advSearchFields .column { float: left; margin-right: 5px; width: 152px; }
.advSearchFields .column .inputField { margin: 7px 0 0 0; }
.advSearchFields .column select { width: 150px; }

.dialog { position: absolute; padding: 5px 9px 9px 5px; }
.dialog .container { border: solid 1px #000; }
.dialog .title { position: relative; border-bottom: solid 1px #000; padding: 2px 28px 2px 6px; font-weight: bold; color: #fff; background: transparent url(../images/menu.gif) }
.dialog .handle { cursor: move; }
.dialog .close { position: absolute; cursor: pointer; width: 16px; height: 16px; top: 2px; right: 2px; background: transparent url(../images/closebutton.gif); }
.dialog .body { padding: 6px; background-color: #fff; }

.dialog .ds { position: absolute; }
.dialog .tl { top: 0; left: 0; width: 13px; height: 13px; background: transparent url(../images/dropshadow/tl.png) no-repeat; }
.dialog .t { top: 0; left: 13px; right: 9px; height: 5px; background: transparent url(../images/dropshadow/t.png) repeat-x; }
.dialog .tr { top: 0; right: 0; width: 9px; height: 13px; background: transparent url(../images/dropshadow/tr.png) no-repeat; }
.dialog .l { top: 13px; left: 0; bottom: 9px;  width: 5px; background: transparent url(../images/dropshadow/l.png) repeat-y; }
.dialog .r { top: 13px; right: 0; bottom: 13px; width: 9px; background: transparent url(../images/dropshadow/r.png) repeat-y; }
.dialog .bl { bottom: 0; left: 0; width: 13px; height: 9px; background: transparent url(../images/dropshadow/bl.png) no-repeat; }
.dialog .b { bottom: 0; left: 13px; right: 13px; height: 9px; background: transparent url(../images/dropshadow/b.png) repeat-x; }
.dialog .br { bottom: 0; right: 0; width: 13px; height: 13px; background: transparent url(../images/dropshadow/br.png) no-repeat; }

.ui-resizable-handle { background-color: #ccc; -moz-opacity: 0.4; filter: alpha(opacity=40); border: solid 1px #fff; position: absolute; }

.ui-resizable-n { cursor: n-resize; left: 16px; right: 16px; height: 6px; top: -4px; } 
.ui-resizable-e { cursor: e-resize; top: 16px; bottom: 16px; width: 6px; right: -4px; } 
.ui-resizable-s { cursor: s-resize; left: 16px; right: 16px; height: 6px; bottom: -4px; } 
.ui-resizable-w { cursor: w-resize; top: 16px; bottom: 16px; width: 6px; left: -4px; }          

.ui-resizable-nw { cursor: nw-resize; left: -5px; top: -5px; width: 8px; height: 8px; } 
.ui-resizable-ne { cursor: ne-resize; right: -5px; top: -5px; width: 8px; height: 8px; } 
.ui-resizable-se { cursor: se-resize; right: -5px; bottom: -5px; width: 8px; height: 8px; } 
.ui-resizable-sw { cursor: sw-resize; left: -5px; bottom: -5px; width: 8px; height: 8px; }  

/* Let these remain at the bottom */
.clear { clear: both; }
.center { margin-left: auto; margin-right: auto; }