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

h1,h2,h3{
	color:#3e3e3e;
    font-weight:700;
}

h1{
	margin:0px 0px 10px 0px; padding: 0px 0px 3px 0px;
	font-size: 20px;
}

h2{
	margin: 0px; padding: 5px 0px 3px 0px;
	font-size: 17px;
	
}

h3{
	margin:3px; padding:0px;
	color: #ca2424;
	font-size:11px;
}

a:active, a:focus{
	outline:none;
}

img{
	border:none;
}

.clrf{
    clear:both;
}
#bovenkant{
	width: 100%;
	height: 118px;
	padding: 0;
	margin: 0;
	background-image:url("/images/tpl/fe/default/head_01.jpg");
	background-position:top;
	background-repeat:repeat-x;
}

#bovenkant_content{
	width: 950px;
	height: 119px;
	padding: 0;
	margin: 0 auto;

}

#bovenkant_logo_container{
	width: 475px;
	height: 82px;
	padding: 0;
	margin: 0;
	vertical-align:middle;
	float: left; clear:none;
	background-image:url("/images/tpl/fe/default/head_03.jpg");
}

#bovenkant_sites_container{
	width: 475px;
	height: 82px;
	padding: 0;
	margin: 0;
	float: left; clean:none;
	background-image:url("/images/tpl/fe/default/head_04.jpg");
}

#bovenkant_sites_container a {
	color:#000;
	text-decoration:underline;
}

#bovenkant_logo{
	width: 262px;
	height: 50px;
	padding: 0;
	margin: 0;
	margin-top: 20px;
	margin-left: 30px;
}

#bovenkant_sites{
	float: right;
	width: 475px; height: 20px;
	margin: 10px 0px 0px 0px; padding:0;
	font-family: arial;
	font-size: 10px;
	color: #4d4d4d;
	text-align:right;
}

#bovenkant_menu{
	width: 950px;
	height: 36px;
	padding: 0;
	margin: 0 auto;
}

#promobalk_container{
	width: 100%; height:176px;
	padding: 0;	margin: 0 auto;
	background-color:#ECECEC;
	border-bottom: 1px solid #ECECEC;
}

#promobalk_vak{
	width: 950px; height: 175px;
	padding: 0;	margin: 0 auto;
}

#content_container{
	width: 100%;
	padding: 10px 0px;
	margin: 0;
	background-image:url("/images/tpl/fe/default/content_01.jpg");
	background-repeat:repeat-x;
}

#content_teksten{
	width: 930px;
	padding: 0px 10px 15px 10px;
	margin: 0px auto;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
}

#welkom {
	margin:10px 100px;
	text-align:left;
	cursor:default;
}

#footer{
	width:950px;
	margin:0px auto; padding: 15px 10px 10px 10px;
	text-align:center;
	font-size: 11px;
}

#infofooter_container{
	width: 100%; height: 154px;
	margin: 0; padding: 0;
	background-image: url("/images/tpl/fe/default/footer_01.jpg");
	background-repeat:repeat-x;
	background-color: #fefefe;
	border-bottom: 1px solid #e0e0e0;
}

#infofooter_locatie{
	width: 900px;
	margin: 0 auto; padding: 0;
}

#infofooter_1{
	float:left;
	width: 290px; height: 154px;
	margin: 0; padding-left: 10px;
	color: #000000;
}

#infofooter_2{
	float:left;
	width: 290px; height: 154px;
	margin: 0; padding-left: 10px;
	color: #000000;
}

#infofooter_3{
	float:left;
	width: 290px; height: 154px;
	margin: 0; padding-left: 10px;
	color: #000000;
}

.infofooter_vak{
	width: 280px; height: 30px;
	margin: 0; padding: 0;
}

.infofooter_vak b{
	color: #ca2424;
}

.ondertekst{
	font-size: 10px;
	margin:0px; padding:0px;
}




#overzicht_rij1{
	float: left;
	width: 720px; height: auto;
	padding:0px; margin:0px;
}

#overzicht_rij2{
	float: left;
	width: 220px;
	margin: 0; padding: 0;
	margin-right: 15px;
}

#overzicht_rij3{
	float: left;
	width: 220px;
	margin:0px 20px 0px 0px; padding:0px;
}

#overzicht_rij4{
	float:left;
    width:200px;
    margin:0px; padding:0px;
	
}

#rijen{
	width: 930px;
	margin:0px; padding:0px;
}


.prijs {
	float:left;
	width:75px;
	margin:0px; padding:0px;
	color:#6b6b6b;
}

.watte{
	float:left;
	width:125px;
	margin:0px; padding:0px;
}

.fotoplaatje{
	width:220px; height:100px;
	margin:0px; padding:0px;	
}

#overzicht_rij1 ul{
	float:left; clear:left;
	width:100%; height:auto;
	margin:0px; padding:0px;
	list-style:none;
}
overzicht_rij1 ul li{
	float:left; clear:none;
	width:auto; height:auto;
}	

.prijs-A {
	font-size:13pt;
	font-weight:500;
	color: #3e3e3e;
}

.prijs-B {
	font-size:20pt;
	font-weight:800;
	color: #3e3e3e;
}

.prijs-C {
	font-size:14pt;
	font-weight:500;
	color: #3e3e3e;
}




a:link, a:active, a:visited, a:hover{
	text-decoration:none;
	color:#000000;
	cursor:pointer;
}
a:hover{
	color:#3e3e3e;
}





#product_plaatje{
	float: left;
	width: 500px; height: auto;
	padding:0px 0px 10px 0px; margin: 0;
}

#product_tekst{
	float:left;
	width: 405px; height: auto;
	margin:0px;
	padding-right:20px;
	padding-bottom:10px;
	padding-left:5px;
}

#product_formulieren{
	width: 930px;
	margin:0px; padding:0px 0px 20px 0px;
}

#product_formulier{
	width: 930px;
	margin:0px; padding:0px;
}

#product_info{
	width:930px; height:auto;
	margin:0px; padding:0px;
}

#product_goedtekst{
	float:left;
	width:700px; height:auto;
	margin:0px 100px;
	padding-left: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #999;
}

.blok{
	float: none;
	width: 230px; height: 200px;
	background-color:#CC9999;
	margin:0px; padding:5px;
}

.blok_foto{
	width:220px; height:100px;
}

.blok_links{
	float:left;
	width: 120px; height: 90px;
	background-color:#CC9999;
	margin:0px; padding:0px;
}

.blok_rechts{
	float:left;
	width: 100px; height: 90px;
	background-color:#9966CC;
	margin:0px; padding:0px;
}

#product_trailer {
	float: left;
	margin:10px; padding:4px;
	background-color:#E2E2E2;
	border:1px solid #CCC;
	width:200px;
	height:148px;
}

#product_360 {
	float:left;
	width:142px; height:28px;
	margin:10px;
}

	#lblProduct{
	    color:#990000;
        font-size:18px; font-weight:700;
        font-family:Verdana;
    }
    #lblProductPrePrijsText{
    	float:left; clear:none;
        width:25px; height:32px;
        margin-right:5px;
    	line-height:28px;
    	font-size:16px; font-weight:700;
        font-family:Verdana;
        text-align:right;
    }
    #lblProductPrijs{
    	float:left; clear:none;
    	width:105px; height:32px;
    	line-height:32px;
    	font-size:24px; font-weight:700;
        font-family:Verdana;
        text-align:left;
    }


.formu{
	float: left;
	position: relative; 
	font-size: 11px;
}


.maatvak{
    float:left;
    width: 220px; height:152px;
    margin:0px 10px 10px 0px; padding:4px;
    color:#000; border: 1px solid #fff;
}
    .maatvak a{
        display:block;
        position:relative; top:156px; left:224px;
        width:220px; height:152px;
        margin:-160px 0px 0px -228px; padding:4px;
    }

    .maatvak a:link, .maatvak a:active, .maatvak a:hover, .maatvak a:hover .maatvak a:visited{
        border:none; outline:none;
    }   

    .maatvak .prijs-A, .maatvak .prijs-B, .maatvak .prijs-C {
        font-size:13pt; font-weight:500;
    }
	    .maatvak .prijs-B {	font-size:20pt;	font-weight:800; }
		.maatvak .prijs-C {	font-size:14pt;	}
        
    div.maatvakOver {
	    color:#fff;
        background-color:#d50000;
        border: 1px solid #aa0000;    
    }
    
    div.maatvakOver .prijs-A, div.maatvakOver .prijs-B, div.maatvakOver .prijs-C {
        color:#fff;
    }
    






.wrapper1{
	color: #44433f;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px; padding: 0px;
	width: 950px;
}

.wrapper1 a{
	color: #000000;
	text-decoration: none;
}
	.wrapper1 a:hover {
		color: #09548B;
	}

	.wrapper1 p {
		margin: 0;
		padding: 0;
		line-height: 18px;
	}

.wrapper {
	width: 950px;
	margin: 0 auto;	padding: 0px;
}

.nav {
	background: #fff url("/images/tpl/fe/default/tmenu/nav_bg.png") repeat-x;
	float: left;
	height: 33px;
	width: 950px;
}

.nev-wrapper {
	float: left; clear: both;
	width: 950px;
	padding: 0px;
}

.nav-left {
	background: url("/images/tpl/fe/default/tmenu/nav_left.png") no-repeat top left;
	float: left;
	width: 11px;
	height: 33px;
}

.nav-right {
	background: url("/images/tpl/fe/default/tmenu/nav_right.png") no-repeat top right;
	float: left;
	width: 11px;
	height: 33px;
}

.nav ul {
	height: 30px;
	float: left;
	margin: 0; padding-top: 3px;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.nav li {
	float: left;
	padding: 0 7px;
	background: url("/images/tpl/fe/default/tmenu/split.png") no-repeat right center;
	position: relative;
	z-index: 1;
}

.nav li.last {
	background:none;
}

.nav li:hover {
	z-index:2;
}

.nav li a {
	float: left;
	line-height: 33px;
	overflow: hidden;
}

a .menu-left {
	float: left;
    background: url("/images/tpl/fe/default/tmenu/menu_left.gif") no-repeat left top;
	width: 8px;	height: 32px;
}

a .menu-mid {
	float: left;
    background: url("/images/tpl/fe/default/tmenu/menu_mid.gif") repeat-x top left;
	height: 32px; line-height: 33px;
	cursor: pointer;
}

a .menu-right {
	float: left;
    background: url("/images/tpl/fe/default/tmenu/menu_right.gif") no-repeat top left;
	width: 8px; height:32px;
}

.nav li a:hover .menu-left, .nav li.active a .menu-left, .nav li:hover a .menu-left,
.nav li a:hover .menu-mid, .nav li.active a .menu-mid, .nav li:hover a .menu-mid,
.nav li a:hover .menu-right, .nav li.active a .menu-right, .nav li:hover a .menu-right {
	background-position: 0 -37px;
	line-height: 35px;
}

.nav li a:hover, .nav li.active a, .nav li.hover a, .nav li:hover a {
	color: #000000;
}

.nav li:hover .sub, .nav li.hover .sub {
	display:block;
}

.nav li .sub {
	display: none;
	position: absolute;
	top: 27px; left: 6px;
	background: url("/images/tpl/fe/default/tmenu/submenu_top.png") no-repeat;
	width: 186px;
	padding-top: 9px;
}

.nav li ul {
	background: url("/images/tpl/fe/default/tmenu/submenu_bg.png") repeat-y;
	width: 162px; height: auto;
	margin: 0; padding: 0 12px 10px;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.nav li:hover li, .nav li.active li {
	width: 100%;
	padding: 1px 0 2px;
	border-bottom: 1px #ee5139 dashed;
	background: none !important;
}

.nav li:hover li a, .nav li.active li a {
	color: #000000;
	background: none !important;
	line-height: normal;
	width: 156px;
	padding: 3px 3px 3px;
	text-indent: 1px;
}

.nav li:hover li a:hover, .nav li.active li a:hover {
	color: #000000;
	background: #fef9c1 !important;
	text-decoration: none;
	line-height: normal;
}

.nav li li a:hover, .nav li li a:hover {
	color: #000000;
	background: #fef9c1 !important;
	text-decoration: none;
	line-height: normal;
}
.nav .btm-bg {
	background: url("/images/tpl/fe/default/tmenu/submenu_bottom.png") no-repeat;
	width: 205px; height: 9px;
	overflow: hidden;
	clear: both;
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	background: transparent;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('/images/tpl/fe/default/js/fcbx/loading.png') no-repeat;
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 32px;
	height: 32px;
	background: url('/images/tpl/fe/default/js/fcbx/close.png') top left no-repeat;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background: url('/images/tpl/fe/default/js/fcbx/title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background: transparent url('/images/tpl/fe/default/js/fcbx/title_left.png') repeat-x;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background: transparent url('/images/tpl/fe/default/js/fcbx/title_main.png') repeat-x;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background: transparent url('/images/tpl/fe/default/js/fcbx/title_right.png') repeat-x;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('/images/tpl/fe/default/js/fcbx/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background: transparent url('/images/tpl/fe/default/js/fcbx/nav_left.png') no-repeat;
}

#fancybox-right-ico {
	background: transparent url('/images/tpl/fe/default/js/fcbx/nav_right.png') no-repeat;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

div.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	z-index: 1001;
}

div#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('/images/tpl/fe/default/js/fcbx/shadow_n.png') repeat-x;
}

div#fancy-bg-ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/images/tpl/fe/default/js/fcbx/shadow_ne.png') no-repeat;
}

div#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('/images/tpl/fe/default/js/fcbx/shadow_e.png') repeat-y;
}

div#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/images/tpl/fe/default/js/fcbx/shadow_se.png') no-repeat;
}

div#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('/images/tpl/fe/default/js/fcbx/shadow_s.png') repeat-x;
}

div#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/images/tpl/fe/default/js/fcbx/shadow_sw.png') no-repeat;
}

div#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('/images/tpl/fe/default/js/fcbx/shadow_w.png') repeat-y;
}

div#fancy-bg-nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/images/tpl/fe/default/js/fcbx/shadow_nw.png') no-repeat;
}



#tickets_main {
  color:#333;
  background-image: url(/images/tpl/fe/default/ticketsupport/bg.gif);
  background-repeat: repeat;
}


#tickets_main a { color:#006699; text-decoration: none; }


#tickets_main a:hover { color:#DB8606; text-decoration: none; }


#tickets_container {
    background:#fff;
    border-color:#ccc;
}

#loginform, #ticketform {
  background:#f1f1f1;
  border-color:#ccc;
}


#tickets_header {
  border-color:#E0E0E0;
}

/* "SUPPORT TICKET SYSTEM" default text */
#tickets_header p {
  color:#666;
}


#tickets_header p span {
  color:#fe7700;
}


#tickets_nav {
  background-color:#FCFCFC;
}


#tickets_nav li a {
  color:#006699;
  font-weight:bold;
}

/* nav link hover color */
#tickets_nav a:hover {
  color:#fe7700;
}



#tickets_main h1 {
  color:#fe7700;
}
#tickets_main h2 {
  color:#333;
}
#tickets_main h3 {
  color:#666;
}



table.tgrid {
 border-left: 1px solid;
}

table.tgrid td {
  border:1px solid;
  border-top:none;
  border-left:none;
}

table.tgrid th {
  color: #FFF;
  font-size: 12px; 
  font-weight:bold;
}


table.tgrid, table.tgrid td, table.tgrid th {
  border-color:#ADADAD;
}


table.tgrid th {
  background:#ADADAD;;
  color:#FFF;
}

table.tgrid th a, table.tgrid th a:hover {
  color:#FFF;
  text-decoration:underline;
}


.tgrid tr:hover td {  background-color: #FFFFDD; }


.row1 { background-color: #F4FAFF; }
.row2 { background-color: #FFFFFF; }


.row1.highlight td,.row2.highlight td {
    background-color: #FFFFDD;
}



.error {
    color: #FF0000;
}

.msg {
    color:#006699;
}

#infomessage {
  background-color: #390;
  border-color: #390;
  color: #390;
  background: #CFC;
}

#errormessage {
    border-color: #903;
    background-color: #fcc;
    color: #903;
}

#warnmessage {
    border-color: #fad163;
    background-color: #fdedc1;
}


.button {
    text-shadow: #000 -1px -1px 1px;
    background-color: #DB8606;
    color: #FFF;
    border-color: #666;
}



table.infotable td, table.infotable th {
    background-color: #F4FAFF;
}

table.infotable th {
    font-weight:bold;
    text-align:left;
    padding-left:3px;
}


table.message, table.response {
    border-color:#ADADAD;
}


table.message th {
    background-color: #C3D9FF;
}

table.response th {
    background-color: #FFE0B3;
}


table.message tr.header td, table.response tr.header td {
    background-color: #EFEFEF;
    border-color:#ccc;
}


table.message td, table.response td {
  background-color: #FAFAFA;
}

.rcol h3, .lcol h3 { color:#006699; }

#tickets_main hr { border:none; border-bottom:1px solid #ccc; margin:10px 0 10px 0; }







table input { width: auto; height: auto; }

img, fieldset { border:None; }
fieldset {
  clear:both;
  margin:0;
  padding:2px 0 2px 0;
}

.btn, .btn a {
  display:block;
  width:134px !important;
  height:27px;
  border:none;
  font-family:arial, helvetica, sans-serif !important;
  line-height:27px !important;
  background:url(/images/tpl/fe/default/ticketsupport/button.jpg) top left no-repeat;
  text-align:center;
  color:#fff !important;
  font-weight:bold;
  text-decoration:none;
  padding:0;
  margin:0;
  float:left;
}

form .btn {
  padding-bottom:4px;
}

#tickets_main h1, #tickets_main h2, #tickets_main h3 {
  font-weight:normal;
  margin:0;
  padding:0;
}

#tickets_main th {
  font-weight:bold;
  text-align:left;
  padding-left:3.5px;
}

#tickets_container {
  width:930px;
  margin:5px auto 0 auto;
  text-align:left;
  border-top:1px solid #DFDFDF;
}

  #tickets_header {
    padding:0 10px 0 0;
    height:64px;
    border-bottom:1px solid #E0E0E0;
    overflow:none;
  }

    #tickets_logo { 
      width:222px;
      height:64px;
      display:block;
      float:left;
    }

    #tickets_header p {
      width:300px;
      float:right;
      font-size:10px;
      line-height:10px;
      height:10px;
      text-transform:uppercase;
      text-align:right;
      padding-bottom:5px;
    }
    
   
    #tickets_nav {
      clear:both;
      margin:0;
      padding:0 40px 0 0;
      height:24px;
      border-bottom:1px solid #E0E0E0;
    }
    
    #tickets_nav li {
      list-style:none;
      margin:0;
      padding:0;
      display:inline;
    }
    
    #tickets_nav li a {
      height:24px;
      line-height:24px;
      display:block;
      float:left;
      padding-left:25px;
      margin:0 10px 0 10px;
      text-decoration:none;
      font-weight:bold;
      float:right;
    }

    #tickets_nav a.home { background:url(/images/tpl/fe/default/ticketsupport/home.gif) 0 5px no-repeat; }
    #tickets_nav a.new_ticket { background:url(/images/tpl/fe/default/ticketsupport/new_ticket.gif) 0 5px no-repeat; }
    #tickets_nav a.my_tickets { background:url(/images/tpl/fe/default/ticketsupport/my_tickets.gif) 0 5px no-repeat; }
    #tickets_nav a.ticket_status { background:url(/images/tpl/fe/default/ticketsupport/ticket_status.gif) 0 5px no-repeat; }
    #tickets_nav a.log_out { background:url(/images/tpl/fe/default/ticketsupport/logout.gif) 0 5px no-repeat; }
   
  #tickets_content {
      clear:both;
      padding:2px 10px 10px 10px;
      line-height:14pt;
      margin:5px auto 5px auto;
  }
    
    #tickets_content form {
      margin:0;
      padding:0;
    }
    
      #tickets_content form.status_form fieldset { clear:none; }
    
      #tickets_content form label {
        display:block;
        width:60px;
        padding-right:10px;
        text-align:right;
        float:left;
        font-weight:bold;
      }
      
      #tickets_content #index form input {
        width:175px;
        float:left;
      }
        
    #tickets_content #bar {
      width:21px;
      height:auto;
      display:block;
      float:left;
   }
   
   #ticketform {
     padding:20px 20px 50px 20px;
     width:600px;
     margin:20px auto 20px auto;
     border:1px solid;
   }
   
   #loginform {
     padding:20px 20px 50px 20px;
     width:400px;
     margin:20px auto 20px auto;
     border:1px solid;
   }
   
   #ticketform input, #ticketform select {
     width:300px;
     float:left;
   }

   #loginform input {
     width:160px;
     float:left;
   }
      
   #ticketform label {
     width:130px;
     text-align:right;
     display:block;
     float:left;
     padding-right:10px;
   }
   
   #loginform label {
     width:130px;
     text-align:right;
     display:block;
     float:left;
     padding-right:10px;
   }
   
   #ticketform textarea {
     width:400px;
   }
   
   #ticketform .ticketsubmit {
     margin-left:410px;
   }
   
   #loginform .ticketsubmit {
     margin-left:170px;
   }

   

.error {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-decoration: none;
    border: none;
    font-weight: bold;
}

.msg {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13.5px;
    text-decoration: none;
    font-weight: bold;
}


#infomessage, #warnmessage, #errormessage {
    margin-bottom: 1.5em;
    padding: 0.3em;
    font-weight: bold;
    border-top: 1px solid;
    border-bottom: 1px solid;
}


.button, .button2 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin: 5px;
}

.button {
    border: 1px solid;
}
    
    
.Icon {
        
    width: auto;
    padding-left:20px;
    background-position: left center;
    background-repeat: no-repeat;
    color:#006699; 
    text-decoration: none;
}

a.Icon { }
   
a.Icon:hover {
    text-decoration: underline;    
}

    
.Icon.Ticket { background:url(/images/tpl/fe/default/ticketsupport/icons/ticket.gif) 0 0 no-repeat; }
.Icon.webTicket { background:url(/images/tpl/fe/default/ticketsupport/icons/ticket_source_web.gif) 0 0 no-repeat; }
.Icon.emailTicket { background:url(/images/tpl/fe/default/ticketsupport/icons/ticket_source_email.gif) 0 0 no-repeat; }
.Icon.phoneTicket { background:url(/images/tpl/fe/default/ticketsupport/icons/ticket_source_phone.gif) 0 0 no-repeat; }                
.Icon.otherTicket { background:url(/images/tpl/fe/default/ticketsupport/icons/ticket_source_other.gif) 0 0 no-repeat; }


.Icon.attachment { background-image: url(/images/tpl/fe/default/ticketsupport/icons/attachment.gif); }
.Icon.file { background-image: url(/images/tpl/fe/default/ticketsupport/icons/attachment.gif); }
.Icon.refresh { background-image: url(/images/tpl/fe/default/ticketsupport/icons/refresh.gif); }   
.Icon.thread {
    font-weight: bold;
    font-size: 1em;
    background-image: url(/images/tpl/fe/default/ticketsupport/icons/thread.gif);
}

/* Ticket view (Messages and Responses) */
#ticketthread table.message {
    margin:10px 0 5px 0;
}

#ticketthread table.response {
    margin-bottom:5px;
}

table.message, table.response {
    border: 1px solid;
    border-bottom: none;
}

table.message td, table.message th,table.response td, table.response th {
    border-bottom:1px solid;
    padding:5px;
}

table.message tr.header td, table.response tr.header td {
    padding:1px;
    padding-left:5px;
}

table.message th, table.response th {
    line-height:24px;
    font-size:10pt;
    padding:1px;                
    padding-left:5px;
    font-weight:bold;
}


#index {
    padding: 15px 0px 20px 0px;
}

#index h1 {
    font-size:15pt;
}

.big { font-size:13pt; line-height:1.4em; }

.lcol { width:350px; float:left; }
.rcol { width:350px; float:right; }
.clear { clear:both; }
.lcol h3, .rcol h3 { font-size:12pt; font-weight:bold; color:#ff8100; }

.lcol .btn, .lcol .btn a, .rcol .btn, .rcol .btn a {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin: 5px;
    border: 1px solid;
}