﻿.text{padding:1em 0 1em 1em}

/*default page */
a{outline:none;}
img{border:0;padding:0;margin:0;}
p.orangeArrow span{color:#ff9110;font-weight:bold;padding-right:4px;}
.center{text-align:center}
.right{text-align:right}
.textBox{padding:1em;}
.borderSolid{border:solid 1px #ccc}
.productBox{width:31em;padding:1em;}
/*.utlandBox{width:20em;background-color:#ebc69b;}*/
.newUtland {border-top: solid 5px #ff9018}
.newUtland h3{font-size:1.3em;font-weight:bold;padding:4px 0px 4px 0px;}

.cardBox{width:19em;height:16.5em}
.card{background:url(../Mobil/assets/fyll_back2.jpg) no-repeat 100px 85px;background-color:#ddd;}
h5 span {font-size:1em}

/*smartcallpriser page*/
.smartcallpriser{background-color:#A5A5A5;height:170px;color:#fff;}
.middleBox{width:280px;border-left:solid 0.1em #fff;border-right:solid 0.1em #fff;height:170px}
.smartpluspriser {background-color:#b5d9f1;background-image:url(../assets/mobil/smart_plus_head3.jpg);background-repeat:no-repeat;background-position:right 0;height:170px;width:100%;}

/*praktisk*/
#praktiskHead {background-image:url(../assets/mobil/mobilpraktiskinfo_head.jpg);height:130px;width:681px;background-position:right 0;background-repeat:no-repeat;background-color:#e9e9e9}
.praktiskSmall{width:220px;border-left:solid 2px #ddd;float:left;padding-left:5px}

/*Mobil NEW*/
.mobilProductBox{width:47.5em;border:solid 1px #888;border-top:solid 5px #888;border-bottom:solid 5px #888}
.mobilProductBoxIn{padding:1em;}
.mobilProductBox h1{font-size:26px;color:#000}
.mobilProductBox p, .mobilProductBox h5, .mobilProductBox a{font-size:12px;line-height:17px}
.mobilButtKassa{background:url(../assets/mobil/bestallMobil47.gif) no-repeat;width:146px;height:27px;border:none;vertical-align:middle;cursor:pointer}
.mobilUtlandButtKassa{background:url(../assets/mobil/bestallMobil47Utland.gif) no-repeat;width:237px;height:27px;border:none;vertical-align:middle;cursor:pointer;margin-right:25px}
/*.mobilButtKassa:hover{background:url(../assets/buttons/09style/butt_kassaH.png)}*/

/*accordion */
.AccodionHeader{background-color:silver;}
.AccodionHeader input{background-color:white;}
.AccordionContent{}

/*modalContent THIS IS LAST VERSION: 05.08.2009. p is used because 
	in some places h allready has some style on element definition */
.validatorCalloutHighlight {background-color:#FFFACD;}
.modalBackground {background-color:#444;filter:alpha(opacity=70);opacity:0.7;cursor:wait;}
.modalContent {background-color:#fff;width:440px;position:relative}
.modalContentIn{padding:20px;}
.modalContent .aboveBtn{height:135px;}
.modalContent p.likeh1{font-size:28px;font-family:Georgia;color:#3a3a3a;padding-left:15px;}
.modalContent .radio, .modalContent .textbox{vertical-align:middle}
.modalContent .textbox{border:solid 1px #000;height:15px}
.modalContent p.header{padding:0px;margin:0px;margin-bottom:18px;font-size:16px;font-family:Georgia;color:#ff9000;}
.modalContent p.message{padding:0px;margin:0px;margin-bottom:18px;font-size:14px;color:#4c4c4c}
.modalGreen, .modalOrange{vertical-align:middle;padding:10px 5px 10px 5px;border-left:solid 5px #444;color:#000}
.modalGreen {background-color:#bcd155}
.modalOrange{background-color:#f7c55b}
.modalOrangeLite{background-color:#f8d68f;margin-left:5px;}
.modalGreenLite{background-color:#d4e67b;margin-left:5px;}
.modalContent .inLite{padding:5px 5px 5px 20px;}
.modalContentMessage{background-color:#fff;border-left:solid 15px #ff9000;border-right:solid 15px #ff9000;color:#4c4c4c;font-family:Georgia;font-size:14px;padding:20px;}
.modalContentMessageIn{width:300px;}

/*.progress{position:fixed;_position:absolute;left:48%;top:48%;color: black;text-align:center;vertical-align:middle;z-index: 100;}*/
/* ---------------Tabs---------------*/
.ui-tabs { }
.ui-tabs .ui-tabs-nav { }
.ui-tabs .ui-tabs-nav li {display:block;float:left;margin: 0 5px -1px 0;border-top:solid 3px #c0c0c0; border-left:solid 1px silver; border-right:solid 1px silver; background-color:#e0e0e0;}
.ui-tabs .ui-tabs-nav li.tabRed {border-top:solid 4px red;}
.ui-tabs .ui-tabs-nav li a {border-top:0px;border-bottom:1px solid silver;display:block;height:16px;float:left;color:#000;text-decoration:none; padding: 3px 9px 1px 9px;}
.ui-tabs .ui-tabs-nav li.ui-state-hover {background-color:#fff;border-top:solid 3px #ff9000;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {background-color:#fff;border-top:solid 3px #ff9000;color:#ff9000;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {border-bottom:1px solid #fff;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {background-color:#fff;color:#000; font-weight: bold;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; color: #636363;} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {border:solid 1px silver; padding:8px;clear:both; background: url(../assets/ajaxTabs/tabpanel-bg.gif) repeat-x left bottom;}
.ui-tabs .ui-tabs-hide { display: none; }
/*---*/
.tabsInColor .ui-tabs .ui-tabs-nav li.orangeTab{border-top:solid 3px #e77e25;}
.tabsInColor .ui-tabs .ui-tabs-nav li.greenTab{border-top:solid 3px #6ac234;}
.tabsInColor .ui-tabs .ui-tabs-nav li.redTab{border-top:solid 3px #d52e32;}
.tabsInColor .ui-tabs .ui-tabs-nav li.blueTab{border-top:solid 3px #2fb3d4;}
.tabsInColor .ui-tabs .ui-tabs-nav li.yellowTab{border-top:solid 3px #e6bb2f;}
.tabsInColor  .ui-tabs .ui-tabs-nav li a{padding-left:0px;padding-right:0px;width:80px;text-align:center;}
.tabsInColor .ui-tabs .ui-tabs-nav li.ui-state-hover {background-color:#fff;border-top:solid 3px #4c4c4c;}
/*,.ui-tabs .ui-tabs-nav li.greenTab,.ui-tabs .ui-tabs-nav li.redTab,
.ui-tabs .ui-tabs-nav li.blueTab,.ui-tabs .ui-tabs-nav li.yellowTab{}*/



/*Mobile 2 version*/
.fonts {width:440px;}
.fonts  br{clear:both}
.fonts h1,.fonts h2,.fonts h3,.fonts h4,.fonts h5{font-family:Georgia, Times New Roman;font-weight:normal;}
.fonts h1{font-size:47px;}
.fonts h2{font-size:36px;}
.fonts h3{font-size:30px;}
.fonts h4{font-size:24px;}
.fonts h5{font-size:12px;font-weight:normal}

.temp1{float:left;}
.temp2{float:left;margin-top:10px;margin-left:10px}
.temp3{float:left;margin-top:-13px;margin-left:90px;_margin-left:50px;}
.temp4{float:left;margin-left:40px;_margin-left:20px;margin-top:0px;}
.temp5{float:left;margin-left:-5px;margin-top:-12px;}
.temp6{float:left;margin-top:-30px;}
.temp7{float:right;margin-top:-35px;margin-right:30px;}
.temp8{float:left;margin-top:-50px;margin-left:30px;}

.lightOrange{color:#feaf8a}
.lightGrey{color:#ababab}
.middleGrey{color:#919191}
.orange2{color:#f07d28}
.orange3{color:#6b4539}
.bgnd47{height:348px;width:100%;background:url(../assets/mobil/mobil_back47.jpg) no-repeat;background-position:right bottom}
.pngItem{position:relative;margin-top:-140px;}

#tab1{background:url(../assets/mobil/tab1img.gif) no-repeat;padding-left:170px;}

.bannerBox{background:url(../assets/mobil/bannerBlackBgnd.gif);}


.mobileMain #tab6{padding:0px;background-color:#f6f6f6}
.mobileMain .campaignTab{background:url(../assets/mobil/campaignTab_bgnd.gif) no-repeat bottom left;width:400px;padding:8px;height:180px;}
.mobileMain .campaignRight{float:right; margin:19px 10px 0px 0px }
