/* Loopback/VOOX Webbhotell , Display theme custom rules*/

#warning {
	color:red;
	margin-top: 7px;
	}
	
#warning-message {
	color:red;
	line-height: 28px;
	margin-top: 7px;
	}

/* Buttons */


/* Tabeller */

/* Paket tabell */

#paketwrapper {
	width: 720px;
	margin-left: auto;
  	margin-right: auto;
	}

#paketwrapper img {
	display:inline;
	margin-left: 80px;
	margin-top: 5px;
	}

.contenttbltop { 
	background-image: url(/loopback/images/tblhead_580x50.gif);
	background-color: #000;
	height: 50px;
	width: 580px;
	margin-bottom: 0px;
	}

.contentheader { 
	color: #eeeeee;
	margin-left: 20px;
	padding-top: 13px;
	
		}


.paketheader { 
	background-image: url(/loopback/images/tables/packageHeader.gif);
	background-color: #000;
	height: 50px;
	width: 720px;
	margin-bottom: 0px;
	}
	
.linwinheader { 
	background-image: url(/loopback/images/tables/linwinHeader.gif);
	background-color: #fff;
	height: 50px;
	width: 720px;
	margin-bottom: 0px;
	}

	
#paket { 
	width: 720px;
	}
	
#lefttable {
	width: 580px;
	}

#paket img {
	display:inline;
	margin-left: 126px;
	margin-top: 5px;
	}

	
	
.beskrivning { 
	font-weight: 700;
	}

.row { 
	font-size: 12px; 
	height: 32px;
	line-height: 32px;
	text-align: center; 
	}

.rowA { 
	background-color: #fff;
	}

.rowA1 {
	width: 179px;
	border-left: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	}

.rowA2 { 
	border-left: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	
	
	}

.rowA3 { 
	border-left: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	}

.rowA4 	{ 
	border-left: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	border-right: 1px solid #c8c8c8;
	}


.rowB { 
	background-color: #efefef;
	}
	
.rowB1{ 
	width: 179px;
	border-left: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	}

.rowB2 { 
	border-left: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	
	}

.rowB3 { 
	border-left: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	}

.rowB4 { 
	border-left: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	border-right: 1px solid #c8c8c8;
	}

.rowtopic {
	padding-left: 10px;
	font-weight: bold;
	text-align: left;
	}
	
.yes {
	width: 180px;
	height: 32px;
	margin-left: auto ;
  	margin-right: auto ;
	}

.cellimgcenter {
	
	padding-left: 13px;
	padding-top: 5px;
  
	}


.order  {
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-top-width: 0px;
	border-style: solid;
	border-color: #c8c8c8;
	background-repeat: repeat-x;
	width: 718px;
	height:50px;
	background-color: green;
	background-image: url(/loopback/images/orderbg.gif);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-top: 10px;
	}
	
.ordertext {
	margin-top: 20px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	font-size: x-large;
	text-shadow: 1px 1px 1px #1f1f1f;
	color: white;
	line-height: 50px;
	}
	
#orderLeft {
	float: left;
	}

#orderRight {
	float: right;
	width: 300px;
	min-height: 100%;
	margin-top: 0px;
	padding-top: 0px;
	line-height: 24px;
	}

#orderRight ul li {
	list-style-image: url(/loopback/images/tables/yes.png);
	list-style-position: inside;
	border:none;
	}

.nolines {
	border: none;
	margin-bottom: 10px;
	margin-top: 10px;
	}
	
.orderboxnolines {
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	border: none;
	list-style: none;
	color: black;
	}


.twitternolines {
	border: none;
	margin-bottom: 10px;
	
	}


#clear {
	clear: both;
	}

.orderBox {
	background-color: #eeeeee;
	border:1px solid #dddddd;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;	
	padding: 5px;
	min-height: 128px;
	width: 280px;
	box-shadow:5px 5px 5px rgba(0, 0, 0, 0.10) ;
	-webkit-box-shadow:5px 5px 5px rgba(0, 0, 0, 0.10) ;
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.10) ;
	}
	
.orderBoxRight {
	float:left;
	width: 198px;
	height: 100%;
	line-height: 18px;
	}
	
.orderBoxLeft {
	float:left;
	width: 90px;
	height: 100%;
	}
	
.orderChoice {
	width: 936px;
	background-color: #eeeeee;
	border:2px solid #dddddd;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	}
	
.orderChoice p h2 {
	line-height: 20px;
	text-transform: uppercase;
	
	}

	
.orderChoiceSmall {
	border-left-width: 2px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: solid;
	border-color: #aaaaaa;
	padding: 10px;
	margin-left: 10px;
	width: 900px;
	background-color: #dddddd;
	
	
	}


/* Page alignment */

#pageLeft {
	float: left;
	width:610px;
	margin-right: 30px;
	}

#pageRight {
	float: right;
	width: 300px;
	}



/* Buttons */

.knapp {
	background: #222 url(/loopback/images/buttonOverlay.png) repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	margin-right: 5px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	
	}
	
/* Storlekar */
.liten.knapp {
	font-size: 11px;
	}

.medium.knapp {
	font-size: 13px;
	}

.stor.knapp {
	font-size: 14px;
	padding: 8px 14px 9px;
	}

 /* FŠrger */

.bla.knapp {
	background-color: #151616;
/*	background-color: #2daebf; */
	
	}

.rod.knapp {
	background-color: #e33100;
	}

.magenta.knapp {
	background-color: #a9014b;
	}

.orange.knapp {
	background-color: #ff5c00;
	}

.gul.knapp {
	background-color: #ffb515;
	}

.gron.knapp {
	background-color: lime;
	}

/* progress bar */


.progress {
	background: #494949 url(/loopback/images/buttonOverlay.png) repeat-x;
	border:1px solid #dddddd;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;	
	padding: 5px;
	display: inline-block;
	margin-right: 5px;
	color: #fff;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);

	}


.progress.active {
	background: #494949 url(/loopback/images/buttonOverlay.png) repeat-x;
	background-color: green;
	color: #fff;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	
		}
	
.progress.done {
	background: #aaaaaa url(/loopback/images/buttonOverlay.png) repeat-x;
	border:1px solid #dddddd;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;	
	padding: 5px;
	display: inline-block;
	font-weight: bold;
	margin-right: 5px;
	color: #fff;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);

	}


/* Status */
.status {
	background: #494949;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;	
	padding: 5px;
	display: inline-block;
	margin-right: 30px;
	margin-bottom: 10px;
	color: #fff;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	float: left!;
	}

.statuslist ul li {
	list-style-position: inside;
	list-style-type: none;
	list-style-image: none;
	border: none;
	}

/* misc */
.focus {
	color: #C05A00 !important;
		}
	
.bild {
	float: none !important; 
	margin: 5px 0px 0px 0px !important;
	}
	
.kpheader {
	color: #fff;
	}

/* webbhotellspaket */

.pkgcontleft {
	width: 280px; 
	float: left;
	position: relative;
	margin-left: 20px;
	}
	
.pkgcontright {
	width: 180px; 
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	}

.pkgcontend {
	width: 100px; 
	float: right;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	}


.pkgcontmiddle {
	width: 280px; 
	float: left;
	position: relative;
	margin-left: 20px;
	margin-top: 20px;
	}
	

.pkgleft {
	float: left;
	width:430px;
	margin-right: 30px;
	}

.pkgright {
	float: right;
	width: 430px;
	}


.packagetext {
	color: #d63d00;
	font-size: 32px;
	font-weight: bold;
	}

.packagetextLarge {
	color: #d63d00;
	font-size: 32px;
	font-weight: bold;
	}

.headermedium {
	font-size: 24px;
	}


.pkgcontainer_large {
	margin-bottom: 10px;
	width: 920px;
	height: 95px;
/*	background: #dddddd url(/loopback/images/buttonOverlay.png) repeat-x; */
	background: #cbd1d1 url(/loopback/images/orderbox1bng.png) repeat-x;
	border:1px solid #aaa;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
	padding: 5px;
	display: inline-block;
	margin-right: 5px;
	color: #fff;
	box-shadow:5px 5px 5px rgba(0, 0, 0, 0.25) ;
	-webkit-box-shadow:5px 5px 5px rgba(0, 0, 0, 0.15) ;
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15) ;
	}
	
.pkgcontainer_medium {
	margin-bottom: 10px;
	width: 920px;
	height: 95px;
/*	background: #dddddd url(/loopback/images/buttonOverlay.png) repeat-x; */
	background: #cbd1d1 url(/loopback/images/orderbox1bng.png) repeat-x;
	border:1px solid #aaa;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
	padding: 5px;
	display: inline-block;
	margin-right: 5px;
	color: #fff;
	box-shadow:5px 5px 5px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:5px 5px 5px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
	
	}

.pkgcontainer_small {
	margin-bottom: 10px;
	width: 920px;
	height: 95px;
/*	background: #dddddd url(/loopback/images/buttonOverlay.png) repeat-x; */
	background: #cbd1d1 url(/loopback/images/orderbox1bng.png) repeat-x;
	border:1px solid #aaa;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
	padding: 5px;
	display: inline-block;
	margin-right: 5px;
	color: #fff;
	box-shadow:5px 5px 5px rgba(0, 0, 0, 0.25) ;
	-webkit-box-shadow:5px 5px 5px rgba(0, 0, 0, 0.15) ;
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15) ;
	}

.pkgtextsmall {
	color: black;
	font-weight: bold;
	font: 13px "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif;
	}
	

	
.pkglist {
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	border: none;
	list-style: none;
	color: black;
	}
	
.pris {
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	color: green;
	}

.checklist {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

.checklist li {
	background-image: url(/loopback/images/tables/yes.png);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: .6em;
	}

.buttonspacer {
	margin-left: 20px;
	}

.orderarrow {
	margin-top: 7px;
	margin-left: 20px;
	}
	
.pagedomaner {
	line-height: 23px;
	}

.close {
	line-height: 15px;
	}

.topp {
	margin-top: 5px;
	}


.welcome {
       font-size: 24px;
            }