/* reset styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0;	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left;	font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q {	quotes: "" ""; }
img { display: block; }

.hide {
    display: none !important;
}


body { background: transparent url(/2010/img/body_bg.png) repeat-x 0 0; font: 13px "Arial"; line-height: 18px; }
h2 { font-weight: bold; font-size: 20px }
#search h2, 
#flashcontent h2 { visibility: hidden; text-indent: -999em; height: 20px; margin: 20px 0; position: absolute; }

a { color: #00b0d2; text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus, a:active { outline: 2px dotted #00b0d2; }

#site { width: 1050px; margin: 0 auto; padding-bottom: 100px; }

/* header andtop menu */
.header { width: 1143px; height: 107px; background: transparent url(/2010/img/header.png) no-repeat 0 0; position: relative; }
.header a.logo { display: block; width: 180px; height: 100px; position: absolute; left: 45px; top: 20px; }

.header #topmenu { position:absolute; top: 77px; left: 226px; }
.header #topmenu ul li { float: left; }
.header #topmenu ul li a { display: block; background: #00b0d2 url(/2010/img/sprite.png) 0 -735px no-repeat; height: 30px; width: 170px; font-size: 0; }
.header #topmenu ul li.inspiration a { background-position: -170px -735px; }
.header #topmenu ul li.registrarer a { background-position: -510px -735px; }
.header #topmenu ul li a.active, 
.header #topmenu ul li a:hover { background-position: -783px -765px; }
.header #topmenu ul li.inspiration a.active, 
.header #topmenu ul li.inspiration a:hover { background-position: -340px -735px; }
.header #topmenu ul li.registrarer a.active, 
.header #topmenu ul li.registrarer a:hover { background-position: -680px -735px; }

/* page layout */
.cols2, .ruler, .footer { margin: 30px 0 0 30px; overflow: hidden; } 
.fullcol, .cols3  { margin: 15px 0 0 30px; overflow: hidden; } 

.fullcol { clear: both; padding-top: 15px; }
.fullcol div { height: 80px; overflow: hidden; background: transparent url(/2010/img/result.png) no-repeat 0 0; padding-left: 95px; }
.fullcol div.no { background-position: 0 -80px; display: none; }
.fullcol div p { margin-top: 20px; }

.cols2 div { height: 90px; position: relative; width: 449px; padding: 0 30px 0 30px; float: right; }
.cols2 div p { margin-top: 6px; margin-bottom: 12px; }
body#start .cols2 div p { margin-top: 0; }

.cols2 div.left { float: left; width: 451px; padding-top: 25px; }
#representatives .cols2 div { padding: 0 30px 0 0; }
.cols2 div.input { padding: 0; margin: 0; width: 450px; height: 30px; background: transparent url(/2010/img/search-field.png) no-repeat 0 0; }
body#list .cols2 div.input { background: transparent url(/2010/img/search-field_clear.png) no-repeat 0 0; margin: 15px 0 0 0; }
.cols2 div input.text { width: 359px; margin-left: 56px; height: 26px; font-size: 18px; color: #666; border: none; margin: 3px 0 0 56px; background: none; font: 18px arial; } /* changed */
.cols2 div input.submit { width: 450px; height: 30px; font-size: 18px; color: #666; border: none; background: transparent url(/2010/img/btn_search.png) no-repeat 0 0; margin-top: 15px; text-indent: 999px; cursor: pointer; line-height: 1; }
.cols2 div a { float: left; }
.cols2 div a.last { margin-left: 20px; }

.cols3 div { width: 248px; padding: 31px 31px 15px 31px; height: 351px; background: transparent url(/2010/img/box_bg.png) no-repeat 0 0; float: left; margin-right: 30px; font-size: 12px; } /*changed*/
.cols3 div.last { margin: 0; }
.cols3 div img { border: 1px solid #00b0d2; }
.cols3 div h3 { font-size: 14px; margin: 20px 0 6px 0; font-weight: bold; }
.cols3 div p { margin: 0 0 7px 0; line-height: 16px; }

/* footer elements */
.ruler { clear: both; height: 1px; width: 100%; background: transparent url(/2010/img/sprite.png) 0 -955px no-repeat; margin-top: 20px; }
.footer { font-size: 12px; color: #505050; margin-top: 15px; }
.footer p { float: left; vertical-align: top;margin: 0; padding: 0; }
.footer a.logo { float: right; margin-right: 30px; }

/* hidden H1 */
body#start h1, 
body#representatives h1,
body#inspiration h1, 
body#list h1 { text-indent: -999em; }

#tagCloud { margin: 30px 30px 0 30px; }

/* list all registrators page */
#list .input input.text { width: 418px; padding: 3px 3px 0 3px; margin: 0; }
#list .input input.reset { width: 22px; height: 22px; background: transparent url(/2010/img/reset.png) no-repeat 0 0; border: none; text-indent: 999em; vertical-align: top; margin-top: 4px; cursor: pointer; line-height: 1; }
#list .cols2 div.left { padding-top: 25px; height: 96px; background: transparent url(/2010/img/box-search-representatives_bg.png) no-repeat 0 0; }
#list .cols2 div p { margin-bottom: 13px; }
#list .cols2 a.bottom { position: absolute; bottom: 0; }
.cols2 a.margin { margin-right: 30px; }

/* start page content */
body#start .cols2.puff div { width: 480px; background: transparent url(/2010/img/puff_bg.png) no-repeat 0 100%; float: right; margin-bottom: 10px; min-height: 260px; }
body#start .cols2.puff div.left { float: left; }
body#start .puff div { padding: 0; height: auto; }
.puff h3 { margin: 17px 0 2px 31px; font-size: 15px; font-weight: bold; }
.puff p { width: 230px; margin: 0 31px 20px 31px; float: left; line-height: 16px; }
.puff a { margin: -17px 30px 0 0 !important; float: right !important; }
.puff .last { margin-right: 30px !important; }

/* start page flashcontent */
body#start #movies { padding: 0; margin: 33px 0 0 30px; }
body#start #flashcontent { background: transparent url(/2010/img/sprite.png) no-repeat 0 -147px; height: 330px; padding: 0; margin: 33px 0 0 30px; font-weight: bold; }
body#start #flashcontent div.left { background: none; width: 390px; float: left; padding: 55px 0 0 32px; color: #000; height: auto;  }
body#start #flashcontent p { font-size: 13px; line-height: 20px; margin: 0 0 12px 0; }
body#start #flashcontent p.heading { font-size: 20px; font-weight: bolder; }
body#start #flashcontent p span { font-weight: bold; }
body#start #flashcontent div.right { background: none; width: 390px; float: left; height: auto; padding-top: 30px; }

body#inspiration #flashcontent { background: none; width: 490px; float: left; height: auto; padding: 30px; }

/* new searchbox with alerts after checking vacancy */
#search { margin: 30px 30px 0 30px; background: #e6faff url(/2010/img/sprite.png) no-repeat 0 0; height: 147px; padding: 0 30px 0; }
#search form { overflow: hidden; padding-top: 65px; }
#search form .input { background: #e6faff url(/2010/img/sprite.png) no-repeat 0 -705px; height: 30px; padding: 0; width: 690px; float: left; }
#search form .input input { background: transparent; border: none; margin: 5px 0 0 56px; font: 16px 'arial'; width: 597px; height: 18px; }
#search p { clear: both; margin: 10px 0 0 0; }
#search p a { margin: 0 10px 0 0; font-size: 12px; }
#search form p { display: inline; float: left; margin: 0; clear: none; }
#search form input.submit { background: #e6faff url(/2010/img/sprite.png) no-repeat -155px -765px; border: none; font: 16px 'arial'; width: 597px; height: 30px; width: 210px; float: left; margin: 0 0 0 18px; text-indent: -999em; cursor: pointer; line-height: 1; }
#search.free, 
#search.taken { height: 228px; background: #e6faff url(/2010/img/sprite.png) no-repeat 0 -477px; }
#search.free .alert, 
#search.taken .alert { background: transparent url(/2010/img/sprite.png) no-repeat 0 -866px; padding: 12px 0 0 70px; margin-top: 20px; height: 49px; }
#search.taken .alert { background-position: 0 -800px; }

a.full-list, 
a.randomize { background: #e6faff url(/2010/img/sprite.png) no-repeat -365px -765px; display: block; width: 209px; height: 30px; margin-right: 20px; }
a.randomize { background-position: -574px -765px; margin: 0; }

/* table showing full list of registrators */
table { padding: 5px; margin: 10px 25px; border-bottom: none; }
td, th { vertical-align: middle; padding: 10px 10px 8px 5px; width: 250px; font-size: 14px; border-bottom: none; background: transparent url(/2010/img/sprite.png) 0 -955px no-repeat; font-size: 13px; }
td a { text-decoration: none; }
td a:hover { text-decoration: underline; }
td.ombud { font-weight: normal; }
th { font-weight: bold; background: none; font-size: 14px; }

#infoContainer { font-size: 16px; line-height: 20px; margin: 30px 30px 0; width: 990px; height: 330px; overflow: hidden; text-align: center; position:relative; font-family: arial; font-weight: bold; background: transparent url(/2010/img/bg.png) 0 0 no-repeat; }
#infoContainer a { color: #fff; text-decoration: underline; }
#infoContainer a:hover { color: #ffc600; }
#infoContainer .infoText { background: transparent url(/2010/img/start.png) 50% 0 no-repeat; text-indent: -999em; position: relative; top: 82px; left: 0; width: 990px; height: 330px; }
#infoContainer .info { position: absolute; top: 220px; left: 30px; width: 850px; color: #fff; text-align: left; }
#infoContainer .info span { color: #ffc600; }
#infoContainer .pagination { display: none; position: absolute; top: 16px; right: 23px; color: #00a7c8; z-index:100 }
#infoContainer .pagination a { color: #00a7c8; text-decoration: none; }
#infoContainer .pagination a:hover { color: #0093b0; }
#infoContainer .pagination a.active { color: #fff !important; }
#infoContainer .arrowPrevious, #infoContainer .arrowNext { display: none; z-index:200000; position: absolute; top: 95px; left: -60px; background: transparent url(/2010/img/bg.png) 0 -402px no-repeat; width: 52px; height: 73px; text-indent: -999em; overflow: hidden; }
#infoContainer .arrowPrevious:active, #infoContainer .arrowNext:active { outline: none; }
#infoContainer .arrowNext { top: 144px; left: auto; right: -60px; background: transparent url(/2010/img/bg.png) 100% -402px no-repeat; }
#infoContainer .arrowPrevious:hover { background-position: 0 -330px; }
#infoContainer .arrowNext:hover { background-position: 100% -330px; }
#infoContainer a.startTipRound { width: 156px; height: 30px; display: block; background: transparent url(/2010/img/bg.png) -417px -445px no-repeat; text-indent: -999em; margin: 15px 0 0 -2px; }