﻿body {
	background-color: 	#FFFFFF;
	font-family: 'Verdana';
	font-size: 12px;
	color: #333333;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

.formatexamplebox
{
	border: solid 1px #CCCCCC;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FFFFFF;
	width: 200px;
	height: 100%;
	line-height: normal;
}

/* TOP */

.topbar_bg
{
	background-image: url(../decor/topbar_bg.gif);
	height: 120px;
}

.topbar_left
{
	width: 30px;
	height: 120px;
	background-image: url(../decor/topbar_left.gif);
}

.topbar_right
{
	width: 30px;
	height: 120px;
	background-image: url(../decor/topbar_right.gif);
}

.topbar_logo
{
	padding-top: 15px;
	width: 180px;
}

.topbar_text
{
	text-decoration: none;
	color: #666666;	
}

a.topbar_text
{
	text-decoration: none;
	color: #666666;	
}

/* MAIN */

.main_bg
{
	padding: 15px 0px 15px 0px;
}

.main_top_bg
{
	background-image: url(../decor/main_top_bg.gif);
	height: 72px;
}

.main_top_header
{
	margin-top: 23px;
}

.main_top_left
{
	width: 30px;
	height: 72px;
	background-image: url(../decor/main_top_left.gif);
}

.main_top_right
{
	width: 28px;
	height: 72px;
	background-image: url(../decor/main_top_right.gif);
}

.main_left_bg
{
	background-image: url(../decor/main_left_bg.gif);
	width: 30px;
	height: 100px;
}
.main_right_bg
{
	background-image: url(../decor/main_right_bg.gif);
	width: 28px;
	height: 100px;
}

.main_bottom_bg
{
	background-image: url(../decor/main_bottom_bg.gif);
	height: 47px;
}

.main_bottom_left
{
	width: 30px;
	height: 47px;
	background-image: url(../decor/main_bottom_left.gif);
}

.main_bottom_right
{
	width: 28px;
	height: 47px;
	background-image: url(../decor/main_bottom_right.gif);
}

/* RIGHTBAR */

.rightbar_bottom
{
	width: 201px;
	height: 47px;
	background-image: url(../decor/rightbar_bottom.gif);
}

_DIV
{
	font-family: 'Verdana';
	font-size: 12px;
	color: #333333;
}

_TD
{
	font-family: 'Verdana';
	font-size: 11px;
	color: #333333;
}

.header
{
	font-size: 24px;
}

/* Här */

.footer_left {
	font-size:			9px;
	font-family:		Verdana;
	color:				#666666;
}

.footer_right {
	font-size:			9px;
	font-family:		Verdana;
	color:				#666666;
	padding-right:		25px;
	text-align:			right;
}

.smalltext 
{
	font-size: 9px;
}

.status
{
	font-size: 11px;
	color: #999999;
	text-align: center;
	padding-top: 10px;
}

.content
{
	margin: 15px 0px 0px 0px;
}

.linkexample
{
	font-size: 10px;
	background-color: #FAFAFA;
	line-height: 15px;
	padding: 10px 10px 10px 10px;
	font-family: Verdana;
	border: solid 1px #DDDDDD;
	margin-top: 10px;
}

.paragraph
{
	font-size: 12px;
	color: #333333;
	line-height: 20px;
	margin-bottom: 20px;
	font-family: Verdana;
}

.paragraph_header
{
	font-weight: bold;
	text-transform:uppercase;
}

.code_example
{
	font-family: Courier New, Courier;
	font-size: 12px;
	line-height: normal;
}

.message_history_link
{
	text-decoration: none;
	color: #333333;
}

.cellpaddingright
{
    padding-right: 20px;
}

.cellpaddingdown
{
    padding-bottom: 15px;
}

.margindown
{
    margin-bottom: 5px;
}

/* Formulär */

.formsquare
{
	background-color: #FAFAFA;
	border: solid 1px #DDDDDD;
    margin: -3px 0px 30px 0px;
    padding: 10px 20px 20px 20px;
    line-height: 20px;
}

.form_cellwidth
{
	width: 190px;
}

.form_cellitemheader /* Använd på alla rubriker för textboxar och sånt i ett formulär */
{
	line-height: 25px;
}

.form_title
{
	font-size: 11px;
	clear: both;
}

.form_textbox
{
	width: 130px;
}

.form_smalltextbox
{
	width: 65px;
}

.form_extrasmalltextbox
{
	width: 40px;
}

.form_minitextbox
{
	width: 30px;
}

.form_widetextbox /* Använd på texboxar som ska spanna över två kolumner */
{
	width: 320px; /* form_cellwidth (190px) + form_textbox (130px) */
}

.form_multiline_textbox
{
	width: 98%;
	height: 100px;
}

.form_cellbetween {
    width: 15px;
    height: 5px;
}
        
.form_element
{
	margin-bottom: 10px;
	margin-top: 3px;
}

.sms_numbertextbox
{
	width: 130px;
	height: 50px;
}

.infobox
{
	float:right;
	margin: 10px 0px 10px 10px;
}

.infobox_header
{
	font-size: 11px;
	font-weight: bold;
}

.infobox_content
{
	font-size: 11px;
	line-height: 18px;
}

.infobox_line
{
	margin: 3px 0px 3px 0px;
	background-image: url(/global/decor/rightbar/rightbar_line.gif);
	height: 2px;
	font-size: 1px;
}

.menu_header
{
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}

.menu_header_line
{
	margin: 3px 0px 3px 0px;
	background-image: url(/global/decor/rightbar/rightbar_line.gif);
	height: 2px;
	font-size: 1px;
}

.menu_content
{
	font-size: 11px;
	line-height: 18px;
	text-align: left;
}

.menu_delimiter
{
	margin: 3px 0px 3px 0px;
	background-image: url(/global/decor/rightbar/rightbar_line.gif);
	height: 2px;
	font-size: 1px;
}

/* FOOTER_TAB */

.footer_tab_space {
	margin-left:		4px;
	margin-right:		4px;
}

a.footer_tab_selected {
	font-weight:		bold;
	color: 				#666666;
	text-decoration:	none;
}

a.footer_tab {
	color: 				#666666;
	text-decoration:	none;
}

/* WEB CONTROLS */

/* ABarLink (Den här är rätt blajig) */
a.barlink
{
	text-decoration: none;
}

div.barlink
{
	width: 180px;
	padding: 5px 15px 5px 5px;
	text-align: center;
	font-size: 11px;
}

/* ABarButton */
div.barbutton
{
	padding: 5px 15px 5px 5px;
	text-align: center;
	font-size: 11px;
}

a.barbutton
{
	text-decoration: none;
	color:	black;
}

div.button
{
	padding: 5px 15px 5px 5px;
	text-align: center;
	font-size: 11px;
}

a.button
{
	text-decoration: none;
	color:	black;
}

/* AButton */
td.buttoncellleft
{
	background-image: url(../decor/webcontrols/btn_left.gif);	
	width:	9px;
	height:	22px;
}

a.buttoncellmiddle
{
	text-decoration: none;
	color: black;
	font-size: 9px;
}

td.buttoncellmiddle
{
	text-align:	center;
	font-weight: normal;
	height:	22px;
	background-image:	url(../decor/webcontrols/btn_bg.gif);
	font-size:	10px;
}

td.buttoncellright
{
	background-image:	url(../decor/webcontrols/btn_right.gif);	
	width:	9px;
	height:	22px;
}

table.button
{
	margin: 0px 0px 0px 0px;
	display: inline;
}

/* ABarHeader */
td.barheadercellleft
{
	background-image:	url(../decor/webcontrols/header_left.gif);	
	width:	9px;
	height:	22px;
}

td.barheadercellmiddle
{
	text-align:	center;
	font-weight: bold;
	height:	22px;
	width: 147px;
	background-image: url(../decor/webcontrols/header_bg.gif);
	font-size: 11px;
	color: white;
}

td.barheadercellright
{
	background-image:	url(../decor/webcontrols/header_right.gif);	
	float:	right;
	width:	9px;
	height:	22px;
}

table.barheader
{
	margin: 10px 10px 10px 13px;
}

/* ABarText */
.bartext
{
	margin: 15px 24px 0px 18px;
	font-size: 11px;
}

/* ASeparator */
.separator
{
	background-image:	url(../decor/webcontrols/separator.gif);
	background-repeat: repeat-x;
	height: 2px;
	font-size: 1px;
	margin: 15px 0px 15px 0px;
}

.separator_thin
{
	background-image:	url(../decor/webcontrols/separator.gif);
	background-repeat: repeat-x;
	height: 2px;
	font-size: 1px;
	margin: 6px 0px 2px 0px;
}

/* ABarSeparator */
.bar_separator
{
	background-image:	url(../decor/webcontrols/separator.gif);
	background-repeat: repeat-x;
	height: 2px;
	margin: 10px 20px 13px 10px;
	font-size: 1px;
}

.bar_separator_thin
{
	background-image:	url(../decor/webcontrols/separator.gif);
	background-repeat: repeat-x;
	height: 2px;
	margin: 2px 20px 2px 10px;
	font-size: 1px;
}

/* ABox */

td.boxtopleft
{
	background-image:	url(../decor/webcontrols/box_top_left.gif);	
	width:	6px;
	height:	6px;
}

td.boxtop
{
	background-image:	url(../decor/webcontrols/box_top.gif);	
	height:	6px;
}

td.boxtopright
{
	background-image:	url(../decor/webcontrols/box_top_right.gif);	
	width:	6px;
	height:	6px;
}

td.boxleft
{
	background-image:	url(../decor/webcontrols/box_left.gif);	
	width:	6px;
}

td.boxmiddle
{
	background-image:	url(../decor/webcontrols/box_bg.gif);	
	padding: 10px;
}

td.boxright
{
	background-image:	url(../decor/webcontrols/box_right.gif);	
	width:	6px;
}

td.boxbottomleft
{
	background-image:	url(../decor/webcontrols/box_bottom_left.gif);	
	width:	6px;
	height:	6px;
}

td.boxbottom
{
	background-image:	url(../decor/webcontrols/box_bottom.gif);	
	height:	6px;
}

td.boxbottomright
{
	background-image:	url(../decor/webcontrols/box_bottom_right.gif);	
	width:	6px;
	height:	6px;
}

table.boxright
{
	float: right;
	margin-left: 15px;	
	margin-bottom: 15px;
}

table.boxleft
{
	float: left;
	margin-right: 15px;	
	margin-bottom: 15px;
}

table.box
{
	margin-bottom: 15px;
}

/* AErrorBox */
td.errorboxtopleft
{
	background-image:	url(../decor/webcontrols/box_top_left.gif);	
	width:	6px;
	height:	6px;
}

td.errorboxtop
{
	background-image:	url(../decor/webcontrols/box_top.gif);
	height:	6px;
}

td.errorboxtopright
{
	background-image:	url(../decor/webcontrols/box_top_right.gif);	
	width:	6px;
	height:	6px;
}

td.errorboxleft
{
	background-image:	url(../decor/webcontrols/box_left.gif);	
	width:	6px;
}

td.errorboxmiddle
{
	background-image:	url(../decor/webcontrols/box_bg.gif);	
	padding: 10px;
	color: Red;
}

td.errorboxright
{
	background-image:	url(../decor/webcontrols/box_right.gif);	
	width:	6px;
}

td.errorboxbottomleft
{
	background-image:	url(../decor/webcontrols/box_bottom_left.gif);	
	width:	6px;
	height:	6px;
}

td.errorboxbottom
{
	background-image:	url(../decor/webcontrols/box_bottom.gif);	
	height:	6px;
}

td.errorboxbottomright
{
	background-image:	url(../decor/webcontrols/box_bottom_right.gif);	
	width:	6px;
	height:	6px;
}

table.errorbox
{
	margin-bottom: 15px;
}

/* CodeExample */
td.codeexampleboxtopleft
{
	background-image:	url(../decor/webcontrols/box_top_left.gif);	
	width:	6px;
	height:	6px;
}

td.codeexampleboxtop
{
	background-image:	url(../decor/webcontrols/box_top.gif);
	height:	6px;
}

td.codeexampleboxtopright
{
	background-image:	url(../decor/webcontrols/box_top_right.gif);	
	width:	6px;
	height:	6px;
}

td.codeexampleboxleft
{
	background-image:	url(../decor/webcontrols/box_left.gif);	
	width:	6px;
}

td.codeexampleboxmiddle
{
	background-image:	url(../decor/webcontrols/box_bg.gif);	
	padding: 10px;
	color: Black;
}

td.codeexampleboxright
{
	background-image:	url(../decor/webcontrols/box_right.gif);	
	width:	6px;
}

td.codeexampleboxbottomleft
{
	background-image:	url(../decor/webcontrols/box_bottom_left.gif);	
	width:	6px;
	height:	6px;
}

td.codeexampleboxbottom
{
	background-image:	url(../decor/webcontrols/box_bottom.gif);	
	height:	6px;
}

td.codeexampleboxbottomright
{
	background-image:	url(../decor/webcontrols/box_bottom_right.gif);	
	width:	6px;
	height:	6px;
}

table.codeexamplebox
{
	font-family: "Courier New";
	margin-bottom: 15px;
}

.float_right
{
	float: right;
}

.float_left
{
	float: left;
}

.float_center
{
	text-align: center;
}


/* WebQuestionElement */
.WsWebQuestionClassic
{
    font-family: Verdana;
    font-size: 10px;
    text-align: left;
}

.WsWebQuestionClassic_Header
{
    color: #FFFFFF;
	background-color: #333333;
    padding: 3px 5px 3px 5px;
    font-weight: bold;
    text-align: left;
}

.WsWebQuestionClassic_Question
{
    background-color: #EEEEEE;
    padding: 8px 5px 8px 5px;
}

.WsWebQuestionClassic_Alternative
{
    padding: 0px 10px 0px 10px;
}

.WsWebQuestionClassic_Result
{
    padding: 3px 5px 0px 5px;
}

.WsWebQuestionClassic_ResultBar
{
    padding: 0px 5px 0px 5px;
    height: 10px;
}

.WsWebQuestionClassic_Total
{
	padding: 5px 10px 5px 5px;
}

/* WeekTableElement */
.WsWeekTableElementClassic
{
    font-family: Verdana;
    font-size: 10px;
    text-align: left;
}

.WsWeekTableElementClassic_Header
{
    color: #FFFFFF;
    padding: 3px 5px 3px 5px;
    font-weight: bold;
    text-align: left;
}

.WsWeekTableElementClassic_Month
{
    color: #FFFFFF;
    padding: 3px 5px 3px 5px;
    text-align: right;
}

.WsWeekTableElementClassic_Day
{
    background-color: #EEEEEE;
    padding: 3px 2px 3px 5px;
    font-weight: bold;
    text-align: left;
}

.WsWeekTableElementClassic_Date
{
    background-color: #EEEEEE;
    padding: 3px 5px 3px 5px;
    text-align: left;
}

.WsWeekTableElementClassic_Time
{
    padding: 3px 5px 3px 5px;
    background-color: White;
    text-align: left;
}

.WsWeekTableElementClassic_DayHeader
{
    padding: 3px 5px 3px 5px;
    background-color: White;
    text-align: left;
}

.WsWeekTableElementClassic_DayLast
{
    background-color: #EEEEEE;
    padding: 3px 2px 3px 5px;
    font-weight: bold;
    border-bottom: solid 1px #DDDDDD;
    text-align: left;
}

.WsWeekTableElementClassic_DateLast
{
    background-color: #EEEEEE;
    padding: 3px 5px 3px 5px;
    border-bottom: solid 1px #DDDDDD;
    text-align: left;
}

.WsWeekTableElementClassic_TimeLast
{
    padding: 3px 5px 3px 5px;
    border-bottom: solid 1px #DDDDDD;
    background-color: White;
    text-align: left;
}

.WsWeekTableElementClassic_DayHeaderLast
{
    padding: 3px 5px 3px 5px;
    border-bottom: solid 1px #DDDDDD;
    background-color: White;
    text-align: left;
}

.WsWeekTableElementClassic_PrevNextRow
{
    padding: 3px 5px 3px 5px;
}


/* CalendarElement */

.WsCalendarElementClassic
{
    font-family: Verdana;
    font-size: 10px;
    color: #777777;
    text-align: left;
    display: block;
}

.WsCalendarElementClassic_MonthHeader
{
	font-weight: bold;
	font-size: 11px;
	padding: 5px 0px 5px 0px;
}

.WsCalendarElementClassic_CellMonthNo
{
	padding: 1px 3px 5px 1px;
}

.WsCalendarElementClassic_CellEventHeader
{
	padding: 1px 3px 5px 3px;
}
