img{ border: 0;}
element.style{ image-border:0;}



.clear { overflow: hidden; clear: both; height: 0px; font-size: 0px;}

#wrapper {width:1310px; margin: 0 auto 25px auto; }

#header{ padding: 15px 0 15px 0; height:12px}
.logo { float:left; margin-left:-100px;margin-top:30px; }
.top-menu { float:right; }
.top-menu ul { margin: 0; padding: 0; }
.top-menu ul li { height: 35px; padding: 10px; display: inline}
.top-menu ul li a { color: #7e7e7e; font-size:13px; }
.top-menu ul li a:hover { text-decoration: underline; }
#search_field {position:absolute;right:0px;top:5px;}
.search_input { border: 0; background-color: transparent; background-image: url('../mwork/images/search-bg.png'); height: 28px; padding-left: 10px; padding-right: 30px; width: 133px; color: #7e7e7e; font-size:13px; }


#menu { }
#tabs { background: url(../mwork/images/tabs-bg.png) no-repeat; height: 41px; padding: 7px 8px 6px 8px;position:relative;}
#tabs ul { margin: 0; padding: 0; display: inline}

#tabs ul li a { padding: 15px 0 16px 15px; display: block; float: left; color: #ffffff; font-size:16px; font-weight: bold; height: 16px; }

	#tabs ul li a span { padding: 15px 24px 16px 10px; }

#tabs ul li a:hover { background: url(../mwork/images/tab-left-hover-bg.png) no-repeat top left; color: #ffffff; }
#tabs ul li a:hover span { background: url(../mwork/images/tab-right-hover-bg.png) no-repeat top right; }
#tabs ul li a span:hover { background: url(../mwork/images/tab-right-hover-bg.png) no-repeat top right; }
#tabs ul li.currenttab {display: inline;}
#tabs ul li.currenttab a { background: url(../mwork/images/tab-left-bg.png) no-repeat top left; color: #000000; }
#tabs ul li.currenttab a span { background: url(../mwork/images/tab-right-bg.png) no-repeat top right; }
#tabs ul li.currenttab:hover a { background: url(../mwork/images/tab-left-bg.png) no-repeat top left; color: #000000; }
#tabs ul li.currenttab:hover a span { background: url(../mwork/images/tab-right-bg.png) no-repeat top right; }

.iconbox{ background: url(../mwork/images/content-bg.png) top left repeat-y; height:91px; }
#menu-bottom { background: url(../mwork/images/bottom-bg.png) bottom left no-repeat; height: 10px; }

#content { margin: 5px 0 0 0; }
#content-top { background: url(../mwork/images/top-bg.png) top left no-repeat; height: 10px; }
#content-main{ background: url(../mwork/images/content-bg.png) top left repeat-y; height: 800px; padding: 15px; }
#content-footer { background: url(../mwork/images/content-bg.png) top left repeat-y; padding: 20px 20px 15px 20px; border-top: 1px solid #e7e7e7; }
#content-bottom { background: url(../mwork/images/bottom-bg.png) bottom left no-repeat; height: 10px; }

#footer { text-align: center; color: #7e7e7e; font-size:12px; padding: 10px; }
.companybox {height:5px;width:90px;}
.logotypebox {}

.tab {cursor: pointer; display: inline}
.icon{height:60px; float:left; text-align:center; margin-top:9px; margin-left:10px;width:86px;}
.iconNoText{height:60px; float:left; text-align:center; margin-top:20px; margin-left:10px;width:88px;}
.iconboxbottom{width:895px; height: 75px; background: url('../mwork/images/iconbg.jpg');}


.logoutcorner{width:75px; height: 60px; float:right; text-align: center; margin-top:8px; margin-right: 10px;}
.title{width:500px; height:60px; float:left; text-align:left; margin-top:5px; margin-left:10px; }
.news_info{float:left; text-align:left; margin-top:20px; margin-left:10px; }
#loginbox{width:324px; height:150px;text-align:center; margin-top:15%; margin-left:auto; margin-right:auto;}
.logintop{width:324px; height:31px; color: #ffffff;}
.logintop .logintop_left{ float: left; width: 7px; height: 31px; background-image: url('../mwork/images/login-top-bg.png'); }
.logintop .logintop_middle{ float: left; width: 304px; height: 28px; background-color: #000000; color: #B5B5B5; text-align: left; padding-left: 6px; padding-top: 3px; }
.logintop .logintop_right{ float: left; width: 7px; height: 31px; background-image: url('../mwork/images/login-top-bg.png'); background-position: -7px; }
.fadetop{width:498px; height:5px; background: url('../mwork/images/fadetop2.png');background-repeat:repeat-x;border-right: 1px solid #000000;border-left: 1px solid #000000;}
.loginmain{width:324px; height:290px; text-align:right;}
.loginmain .loginmain_left{ float: left; width: 2px; height: 290px; background-image: url('../mwork/images/login-border.png'); background-repeat: repeat-y; }
.loginmain .loginmain_right{ float: left; width: 2px; height: 290px; background-image: url('../mwork/images/login-border.png'); background-position: -2px; background-repeat: repeat-y; }
.loginform{float: left;width:170px; height:290px; background-color: #FFFFFF; background-image: url('../mwork/service/images/login_mwork.png'); background-repeat: no-repeat; text-align:left; padding-left:75px;padding-right:75px; background-position: 76px 18px;}
.loginform .loginform_top_spacer{width: 100%; height: 118px;}
.loginform .loginform_middle_spacer{width: 100%; height: 14px;}
.fadebottom{width:300px; height:5px; background: url('../mwork/images/fadebot2.png');background-repeat:repeat-x; border-right: 1px solid #000000;border-left: 1px solid #000000;}
.loginbottom{width:324px; height:8px;}
.loginbottom .loginbottom_left{float: left; width: 8px; height: 8px; background-image: url('../mwork/images/login-bottom-corners-bg.png');}
.loginbottom .loginbottom_middle{float: left; width: 308px; height: 8px; background-image: url('../mwork/images/login-bottom-bg.png'); background-repeat: repeat-x;}
.loginbottom .loginbottom_right{float: left; width: 8px; height: 8px; background-image: url('../mwork/images/login-bottom-corners-bg.png'); background-position: -8px;}

.roundtop {background: #ffffff;}
.roundbottom {background: #ffffff;}

/*  Orginal taggar */
a:link {
	color: #000000;
}
a:visited {
	color: #000000;
}
a:hover {
	color: #000000;
}
a:active {
	color: #000000;
}

form {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	font-family: Arial, Verdana, Sans-serif;
}

.body_outer {
    background-color: #FFFFFF;
}

.body_background {
    background-color: #FFFFFF;
}

.message {
    background-color: #FFFFFF;
    width: 100%;
    margin: 0px;
    padding: 1px 0px 2px 5px;
/*    border: 1px solid #000000; */
   	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
}

.bold_18 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:19px;
	font-weight: bold
}

.bold_red_18 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:19px;
	font-weight: bold
	color:red;
}

.bold_16 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight: bold
}

.bold_14 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight: bold
}

.bold_12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: bold
}

.bold_11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold
}

.underline_11 {
	font-family: verdana, arial;
	font-size:12px;
	font-weight: normal;
	text-decoration: underline;
}

.border_12 {
	font-family: verdana,arial;
	font-size:13px;
	font-weight: normal;
	border: 1px solid #000000;
}

.border_11 {
	font-family: verdana,arial;
	font-size:12px;
	font-weight: normal;
	border: 1px solid #000000;
}

.italic_11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	font-style: italic;
}

.normal_12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: normal;
}
.normal_18 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:19px;
	font-weight: normal;
}

.normal_11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
}

.normal_11_pointer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	cursor:pointer;
}

.normal_11_red {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	color:red;
}

.normal_11_blue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	color:blue;
}

.support_11{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	color: #FFFFFF;
}
.support a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	color: #FFFFFF;
}
.support a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	color: #FFFFFF;
}
.support a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	color: #FFFFFF;
}
.support a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	color: #FFFFFF;
}
.normal_10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
}

.normal_14 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight: normal;
}

.normal_9 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: normal;
}

/*  List taggar */
.list_title {
    background-color: #DDDDDD;
}

.list_even,
.yui-skin-sam tr.yui-dt-even,
.yui-skin-sam tr.yui-dt-even td.yui-dt-asc,
.yui-skin-sam tr.yui-dt-even td.yui-dt-desc {
    background-color: #FFFFFF;
}

.list_odd,
.yui-skin-sam tr.yui-dt-odd,
.yui-skin-sam tr.yui-dt-odd td.yui-dt-asc,
.yui-skin-sam tr.yui-dt-odd td.yui-dt-desc {
background-color: #EEEEEE;
}


/*  Calendar taggar */
.calendarText {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: middle;
    text-decoration: none;
    background-color: #DDDDDD;
}

.calendarDays {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: right;
    text-decoration: none;
    background-color: #FFFFFF;
}

.calendarSelected {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: right;
    text-decoration: none;
    background-color: #EF0705;
}
.normal_11_red {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:red;
}

.normal_11_blue {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:blue;
}

.normal_10_red {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:red;
}

.normal_10_blue {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:blue;
}

/*  Form taggar */
.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	cursor: pointer;
}

.textButton {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    border: 0px solid #000000;
    text-align: left;
    cursor: pointer;
    text-decoration: underline;
    background-color: transparent;
}

.inputField {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.inputField_error {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #dd4b39;
}

.inputField_fixed_11{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.inputField_12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
}

/*  Meny taggar */
.activeTab {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:13px;
    font-weight: bold;
    text-align: center;
    background-color: #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
}

.activeTabText {
    color: #FFFFFF;
}

.inActiveTab {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:13px;
    font-weight: bold;
    text-align: center;
    background-color: #000000;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

.inActiveTabText {
    color: #FFFFFF;
}

.activeMenyBackground {
    background-color: #000000;
}

.inactiveMenyBackground {
    background-color: #000000;
}
.menyMainBackground {
    background-color: #FFFFFF;
}

.frameHeader {
    background-color: #000000;
	position: relative;
	width: 100%;
	height: 100%;
	padding: 2px 0px 2px 5px;
	margin: 0px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: bold
}


.messageHeader {
    background-color: #000000;
	position: relative;
	width: 100%;
	padding: 2px 0px 2px 5px;
	margin: 0px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: bold
}

/*  Table list */
.tableList
{
	border: 1px solid black;
}

/*  Date picker */
.datePicker_header
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
}
.datePicker_date
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	cursor:pointer;
}
.datePicker_date_selected
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	cursor:pointer;
	background:#EF0705;
}
.datePicker_area
{
	border: 1px solid black;
	float:left;
}

/*  User Availability Schema */
.userAvailSchema_header
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: bold;
}
.userAvailSchema_date
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	border: 1px solid #d0d0d0;
	background:#f5f5f5
}
.userAvailSchema_date_text
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
}
.userAvailSchema_month
{
	border: 1px solid black;
}

.normal_red_10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	color:red;
}

fieldset { -moz-border-radius: 5px; border-radius: 1px; }