
div { zoom: 1; }

html, body, form, h1, h2, h3, h4 { margin: 0; padding: 0; }



body, td, tr { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; }

p { line-height: 150%; margin: 10px 0 0 0; }

body { background: #ffffff url("http://www.dromjobbet.se/images/backgrounds/default.jpg") no-repeat top center; }

a:link, a:visited { color: #f26522; text-decoration: none; }

a:hover, a:active { color: #f26522; text-decoration: underline; }


.info { color: #88c112; }


img { border-style: none; }



h1 { font-family: Helvetica, Arial, sans-serif; font-size: 24px; font-weight: bold; color: #f26522; margin: 0 0 10px 0; cursor: default; }

h2 { font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; color: #666666; margin: 0 0 10px 0; cursor: default; }

h3 { font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: bold; color: #333333; margin: 0 0 6px 0; cursor: default; }



#container { width: 980px; background: url("http://www.dromjobbet.se/images/main_bg.png"); padding: 0 20px 20px 20px; margin: auto; position: relative; }


label.regular { font-size: 12px; font-weight: bold; display: block; color: #666666; }

.field_placeholder, .field, #recaptcha_response_field { line-height: 150% !important; font-family: Verdana, Arial, Helvetica, sans-serif !important; font-size: 11px !important; border: 1px solid #c5c5c5 !important; background-image: url("http://www.dromjobbet.se/images/form_shadow.gif") !important; background-repeat: repeat-x !important; background-color: #ffffff !important; padding: 2px !important; }

.field_placeholder { color: #aaaaaa; font-size: 20px !important;}


.margin-top { margin-top: 20px; }

#recaptcha_table { width: 460px !important; }

.warning { background-color: #f26522; color: #ffffff; padding: 4px 5px; font-weight: normal; margin: 10px 0 20px 0; border-radius: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }


#menu { padding: 20px; }

#topmenu { color: #858585; font-size: 10px; font-family: Verdana, Arial, sans-serif; }

#topmenu a:link, #topmenu a:visited { color: #f26522; text-decoration: none; }

#topmenu a:hover, #topmenu a:active { color: #f26522; text-decoration: underline; }



.login_field { border: 1px solid #c5c5c5; background-image: url("http://www.dromjobbet.se/images/form_shadow.gif"); background-repeat: repeat-x; background-color: #ffffff; font-size: 11px; padding: 2px; height: 14px; }

.login_label { font-size: 11px; color: #6e6b65; padding-bottom: 2px; display: block; }



a.button, a.button span { cursor: pointer!important; }

a.button:link, a.button:visited { background: transparent url("http://www.dromjobbet.se/images/button_a.png") no-repeat scroll top right; color: #ffffff; display: block; float: left; font-weight: bold; font-size: 12px; font-family: Verdana, Helvetica, Arial, sans-serif; height: 20px; padding-right: 18px; text-decoration: none; }

a.button span { background: transparent url("http://www.dromjobbet.se/images/button_span.png") no-repeat!important; display: block!important; line-height: 12px; padding: 3px 0 5px 18px!important; }

a.button:active { background-position: bottom right; color: #ffffff; outline: none; }

a.button:active span { background-position: bottom left!important; }


a.minibutton, a.minibutton span { cursor: pointer!important; }

a.minibutton:link, a.minibutton:visited { background: transparent url("http://www.dromjobbet.se/images/minibutton_a.png") no-repeat scroll top right; color: #ffffff; display: block; float: left; font-weight: bold; font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; height: 15px; padding-right: 10px; text-decoration: none; }

a.minibutton span { background: transparent url("http://www.dromjobbet.se/images/minibutton_span.png") no-repeat!important; display: block!important; line-height: 11px; padding: 1px 0 3px 10px!important; }

a.minibutton:active { background-position: bottom right; color: #ffffff; outline: none; }

a.minibutton:active span { background-position: bottom left!important; }


h4 { background: #00aeef url("http://www.dromjobbet.se/images/header_bg.gif"); margin: 0; padding: 0; }

h4 span { display: block; background: url("http://www.dromjobbet.se/images/header_left.gif") no-repeat top left; }

h4 span span { display: block; background: url("http://www.dromjobbet.se/images/header_right.gif") no-repeat top right; padding: 0 10px; line-height: 25px; font-size: 14px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; color: #ffffff; }


.full-column { width: 940px; padding: 20px; background: #ffffff; }

.content-column { width: 740px; padding: 20px 0; background: #ffffff; }

.content-column .single, .full-column .single { width: 220px; padding-left: 20px; float: left; }

.content-column .double, .full-column .double { width: 460px; padding-left: 20px; float: left; }

.content-column .triple, .full-column .triple { width: 700px; padding: 0 0 20px 20px; float: left; }



.user-column { width: 220px; background: #ffffff; float: right; }

.user-column .padding { padding: 10px; }

.user-column h1 { color: #666666; font-size: 14px; font-weight: bold; margin: 0 0 10px 0; }

.user-column ul { list-style: none; padding: 0; margin: 0; }

.user-column ul li { margin: 5px 0; }

.user-column h2 { background: #808080; color: #ffffff; font-size: 12px; font-weight: bold; line-height: 25px; padding: 0 10px; width: 200px; margin: 0; }

.user-column h3 { background: #b3b3b3; color: #ffffff; font-size: 12px; font-weight: normal; line-height: 25px; padding: 0 10px; width: 200px; margin: 0; }

.user-column h4 { color: #666666; font-size: 12px; font-weight: bold; margin: 0 0 5px 0; background: transparent none; }



/* Footer */

#footer { margin-top: 20px; }

#footer h3 { font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }

#footer p { font-size: 11px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; }

#footer ul { list-style: none; padding: 0; margin: 0; }

#footer ul li { margin: 5px 0; }



/* Grå ruta med rundade hörn */

.box_grey { background: #f2f1ed; padding-bottom: -10px; }

.box_grey .talk { background: url("http://www.dromjobbet.se/images/box_grey_talk.png") no-repeat; position: absolute; top: 20px; left: -10px; height: 10px; width: 10px; }

.box_grey span { display: block; background: url("http://www.dromjobbet.se/images/box_grey_tl.gif") no-repeat top left; }

.box_grey span span { display: block; background: url("http://www.dromjobbet.se/images/box_grey_tr.gif") no-repeat top right; }

.box_grey span span span { display: block; background: url("http://www.dromjobbet.se/images/box_grey_bl.gif") no-repeat bottom left; }

.box_grey span span span span { display: block; background: url("http://www.dromjobbet.se/images/box_grey_br.gif") no-repeat bottom right; padding: 10px; }


/* Lila ruta med rundade hörn */

.box_purple { background: #c795ed; padding-bottom: -10px; }

.box_purple .talk { background: url("http://www.dromjobbet.se/images/box_purple_talk.png") no-repeat; position: absolute; bottom: -10px; left: 85px; height: 10px; width: 10px; }

.box_purple span { display: block; background: url("http://www.dromjobbet.se/images/box_purple_tl.gif") no-repeat top left; }

.box_purple span span { display: block; background: url("http://www.dromjobbet.se/images/box_purple_tr.gif") no-repeat top right; }

.box_purple span span span { display: block; background: url("http://www.dromjobbet.se/images/box_purple_bl.gif") no-repeat bottom left; }

.box_purple span span span span { display: block; background: url("http://www.dromjobbet.se/images/box_purple_br.gif") no-repeat bottom right; padding: 10px; }


ul.bullets { margin: 0; padding: 0; list-style: none; }

ul.bullets li { margin: 0; padding: 0; list-style: none; line-height: 20px; margin-top: 10px; padding-left: 30px; background: transparent url('http://www.dromjobbet.se/images/box_grey_bullet.gif') no-repeat; font-size: 13px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; }

ul.bullets2 { margin: 0 0 10px 0; padding: 0; list-style: none; }

ul.bullets2 li { margin: 0; padding: 0; list-style: none; line-height: 20px; margin-top: 0px; padding-left: 15px; margin-left: 20px; background: transparent url('http://www.dromjobbet.se/images/small_bullet3.gif') no-repeat left center; font-size: 11px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; }


/* Ruta med blå border och rundade hörn, för en triple-kolumn */

.box_blue_triple { background: white; padding-bottom: -10px; color: #00aeef; font-weight: bold; }

.box_blue_triple span { display: block; background: url("http://www.dromjobbet.se/images/box_blue_triple_t.gif") no-repeat top left; }

.box_blue_triple span span { display: block; background: url("http://www.dromjobbet.se/images/box_blue_triple_b.gif") no-repeat bottom right; padding: 10px; }

/* Ruta med blå border och rundade hörn, för en double-kolumn */

.box_blue_double { background: white; color: #00aeef; font-weight: bold; }

.box_blue_double span { display: block; background: url("http://www.dromjobbet.se/images/box_blue_double_t.gif") no-repeat top left; }

.box_blue_double span span { display: block; background: url("http://www.dromjobbet.se/images/box_blue_double_b.gif") no-repeat bottom right; padding: 4px 7px; font-size: 90%;}

/* Forum */

.forum_thread blockquote { margin: 0; padding: 0px 0px 5px 10px; font-style: italic; }
.forum_thread blockquote blockquote { margin: 0; padding: 0px 0px 5px 10px; font-style: normal; }
.forum_thread blockquote blockquote blockquote { display: none; }


/* Flikar */

a.tab_item_current, a.tab_item, a.tab_item_error { margin-right: 5px; }


a.tab_item_current, a.tab_item_current span { cursor: pointer; }

a.tab_item_current:link, a.tab_item_current:visited { background: transparent url("http://www.dromjobbet.se/images/menu_current_a.gif") no-repeat scroll top right; color: #ffffff; display: block; float: left; font-weight: bold; font-size: 12px; font-family: Helvetica, Arial, sans-serif; height: 25px; padding-right: 10px; text-decoration: none; }

a.tab_item_current span { background: transparent url("http://www.dromjobbet.se/images/menu_current_span.gif") no-repeat; display: block; line-height: 25px; padding: 0 0 0 10px; }

a.tab_item_current:hover { background-position: right -25px; color: #ffffff; outline: none; }

a.tab_item_current:hover span { background-position: 0 -25px; }

a.tab_item_current:active { background-position: bottom right; color: #ffffff; outline: none; }

a.tab_item_current:active span { background-position: bottom left; }


a.tab_item_error, a.tab_item_error span { cursor: pointer; }

a.tab_item_error:link, a.tab_item_error:visited { background: transparent url("http://www.dromjobbet.se/images/menu_error_a.gif") no-repeat scroll top right; color: #ffffff; display: block; float: left; font-weight: bold; font-size: 12px; font-family: Helvetica, Arial, sans-serif; height: 25px; padding-right: 10px; text-decoration: none; }

a.tab_item_error span { background: transparent url("http://www.dromjobbet.se/images/menu_error_span.gif") no-repeat; display: block; line-height: 25px; padding: 0 0 0 10px; }

a.tab_item_error:hover { background-position: right -25px; color: #ffffff; outline: none; }

a.tab_item_error:hover span { background-position: 0 -25px; }

a.tab_item_error:active { background-position: bottom right; color: #ffffff; outline: none; }

a.tab_item_error:active span { background-position: bottom left; }


a.tab_item, a.tab_item span { cursor: pointer; }

a.tab_item:link, a.tab_item:visited { background: transparent url("http://www.dromjobbet.se/images/menu_a.gif") no-repeat scroll top right; color: #4c4c4c; display: block; float: left; font-weight: bold; font-size: 12px; font-family: Helvetica, Arial, sans-serif; height: 25px; padding-right: 10px; text-decoration: none; }

a.tab_item span { background: transparent url("http://www.dromjobbet.se/images/menu_span.gif") no-repeat; display: block; line-height: 25px; padding: 0 0 0 10px; }

a.tab_item:hover { background-position: right -25px; color: #4c4c4c; outline: none; }

a.tab_item:hover span { background-position: 0 -25px; }

a.tab_item:active { background-position: right -25px; color: #4c4c4c; outline: none; }

a.tab_item:active span { background-position: 0 -25px; }


/* Meny */

a.menu_item_current, a.menu_item { margin-right: 10px; }


a.menu_item_current, a.menu_item_current span { cursor: pointer; }

a.menu_item_current:link, a.menu_item_current:visited { background: transparent url("http://www.dromjobbet.se/images/menu_current_a.gif") no-repeat scroll top right; color: #ffffff; display: block; float: left; font-weight: bold; font-size: 14px; font-family: Helvetica, Arial, sans-serif; height: 25px; padding-right: 10px; text-decoration: none; }

a.menu_item_current span { background: transparent url("http://www.dromjobbet.se/images/menu_current_span.gif") no-repeat; display: block; line-height: 25px; padding: 0 0 0 10px; }

a.menu_item_current:hover { background-position: right -25px; color: #ffffff; outline: none; }

a.menu_item_current:hover span { background-position: 0 -25px; }

a.menu_item_current:active { background-position: bottom right; color: #ffffff; outline: none; }

a.menu_item_current:active span { background-position: bottom left; }



a.menu_item, a.menu_item span { cursor: pointer; }

a.menu_item:link, a.menu_item:visited { background: transparent url("http://www.dromjobbet.se/images/menu_a.gif") no-repeat scroll top right; color: #4c4c4c; display: block; float: left; font-weight: bold; font-size: 14px; font-family: Helvetica, Arial, sans-serif; height: 25px; padding-right: 10px; text-decoration: none; }

a.menu_item span { background: transparent url("http://www.dromjobbet.se/images/menu_span.gif") no-repeat; display: block; line-height: 25px; padding: 0 0 0 10px; }

a.menu_item:hover { background-position: right -25px; color: #4c4c4c; outline: none; }

a.menu_item:hover span { background-position: 0 -25px; }

a.menu_item:active { background-position: bottom right; color: #4c4c4c; outline: none; }

a.menu_item:active span { background-position: bottom left; }



a.menu_item_current_arrow { margin-right: 10px; }

a.menu_item_current_arrow, a.menu_item_current_arrow span { cursor: pointer; }

a.menu_item_current_arrow:link, a.menu_item_current_arrow:visited { background: transparent url("http://www.dromjobbet.se/images/menu_current_arrow.gif") no-repeat scroll top right; color: #ffffff; display: block; float: left; font-weight: bold; font-size: 14px; font-family: Helvetica, Arial, sans-serif; height: 25px; padding-right: 10px; text-decoration: none; }

a.menu_item_current_arrow span { background: transparent url("http://www.dromjobbet.se/images/menu_current_span.gif") no-repeat; display: block; line-height: 25px; padding: 0 0 0 10px; }

a.menu_item_current_arrow:hover { background-position: right -25px; color: #ffffff; outline: none; }

a.menu_item_current_arrow:hover span { background-position: 0 -25px; }

a.menu_item_current_arrow:active { background-position: bottom right; color: #ffffff; outline: none; }

a.menu_item_current_arrow:active span { background-position: bottom left; }



a.menu_item_arrow, a.menu_item_arrow span { cursor: pointer; }

a.menu_item_arrow:link, a.menu_item_arrow:visited { background: transparent url("http://www.dromjobbet.se/images/menu_arrow.gif") no-repeat scroll top right; color: #4c4c4c; display: block; float: left; font-weight: bold; font-size: 14px; font-family: Helvetica, Arial, sans-serif; height: 25px; padding-right: 26px; text-decoration: none; }

a.menu_item_arrow span { background: transparent url("http://www.dromjobbet.se/images/menu_span.gif") no-repeat; display: block; line-height: 25px; padding: 0 0 0 10px; }

a.menu_item_arrow:hover { background-position: right -25px; color: #4c4c4c; outline: none; }

a.menu_item_arrow:hover span { background-position: 0 -25px; }

a.menu_item_arrow:active { background-position: bottom right; color: #4c4c4c; outline: none; }

a.menu_item_arrow:active span { background-position: bottom left; }



/* Profil */

#profile { height: 220px; margin-bottom: 20px; }
#avatar { width: 160px; height: 200px; float: left; margin-right: 20px; background: #f26522;  }
#upload_avatar input { width: 220px; }

#avatar p { background: #f26522; padding: 5px 10px; color: white; font-size: 120%; clear: both; font-weight: bold; margin: 0; }

#profile-info { float: left; width: 520px; }
#profile-info .buttons { float: right; text-align: right; }
#profile-info .buttons a { clear: both; margin-bottom: 5px; float: right; }

.popout { position: absolute; top: 100px; left: 299px; background: url("http://www.dromjobbet.se/images/box_bg.png"); padding: 20px; width: 392px; border: 1px; z-index: 100;}
.popout .box { background: #ffffff; padding: 20px; border: 1px solid #c5c5c5; }
.popout input.field { width: 344px; }
.popout textarea.field { width: 344px; height: 120px; margin-bottom: 5px; }



/* Bokning */

#calendar {background: #f2f1ed; padding: 5px 20px 20px 20px;}
.cal_normal, .cal_visited, .cal_updated, .cal_current {background: #f2f1ed; font-family: Verdana; font-size: 10px; font-weight: bold;}

.cal_normal a, .cal_visited a, .cal_updated a, .cal_current a { background: #666666; text-align: center; padding: 4px 5px 4px 3px; width: 12px; height: 12px; display: block; color: white; font-family: Verdana; font-size: 10px; font-weight: bold; }
.cal_normal a:hover, .cal_visited a:hover, .cal_updated a:hover, .cal_current a:hover { background: #888888; text-decoration: none; }
.cal_outside {}


.day { width: 180px; margin: auto; }
.day a { display: block; width: 100%; height: 100%; }
.session { text-align: center; padding: 0; margin: 0;}


.booked { background: url("http://www.dromjobbet.se/images/time_booked.png"); }
.free { background: url("http://www.dromjobbet.se/images/time_free.png"); }
.none { background: url("http://www.dromjobbet.se/images/time_none.png"); }
.selected, .day a:hover { background: url("http://www.dromjobbet.se/images/time_selected.png"); }
/*
.day a { padding: 3px 0 0 5px; width: 175px; display: inline; height: 20px; }

.day a:hover { background: url("http://www.dromjobbet.se/images/time_selected.png"); }


.session { width: 100px; height: 20px; }
.time { padding: 3px 0 0 5px; width: 95px; display: inline; }
.booked { background: url("http://www.dromjobbet.se/images/time_booked.png"); }
.free { background: url("http://www.dromjobbet.se/images/time_free.png"); }
.none { background: url("http://www.dromjobbet.se/images/time_none.png"); }
.selected { background: url("http://www.dromjobbet.se/images/time_selected.png"); }
*/

#time_form label { font-size: 11px; }

/* Logg */

.logg { margin-bottom: 10px; zoom: 1;}
.logg p { font-size: 10px; }
.logg p .date { font-family: Arial; font-size: 11px; }

/* Mina sessioner */

.rebook { background: #f2f1ed; }
.alternate { background: white!important; }
.sessions { margin-bottom: 10px; padding: 10px; background: #f2f1ed; zoom: 1; }

.files { position: relative; padding-left: 30px; height: 20px; }

.homework { width: 432px; height: 120px; }
.homework_file { font-size: 12px; padding: 3px; height: 24px; width: 450px; margin-bottom: 5px; }

.join { background: url("http://www.dromjobbet.se/images/join_bg.png") no-repeat; width: 220px; height: 180px; padding: 20px; position: absolute; top: 40px; right: 40px; }
.join a { color: white; }
.join * { color: white; }

.hidden { display: none; }




/* Möteshanteringssystemet */
.coach_meetings tr:first-child td { font-weight: bold; }
.coach_meetings td { padding: 3px }

.lotstable { border-left: 1px solid #dddddd; border-top: 1px solid #dddddd; }
.lotstable td { border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding: 3px; width: 20px; }
