/* CSS Document */
/* 
///////////////////////////// regionfastigheter.css /////////////////////////////////////////////////////

---- @author >>> WSP:~  - Pravash Karki  <<<.................................................................
---- @website >> http://www.websearchpro.se | http://www.websearchpro.net <<<..........................................

/////////////////////////////start of the document//////////////////////////////////////////// 
*/

html, body { margin:0; padding:0; background:#a2a3a1; font:11px Georgia, "Times New Roman", Times, serif;}
* html a:hover {visibility:visible}	
div,img, p, ul, li, input, span { margin:0; padding:0; border:0;}
ul, li { list-style:none}
h1{  font:18px Georgia, "Times New Roman", Times, serif; color:#f26522; margin:0; padding:0; margin-bottom:15px; margin-top:-7px;}
a:hover { color:#a8cf38;}

#CalendarControlSub1_GridView1 table, td, tr, th { border-width:none;}

.floatLeft { float:left;}
.floatRight { float:right;}
.floatRight2 { float:right; margin-top:-43px; _margin-top:-45px; padding-bottom:10px; position:relative; padding:0;}

.vecka { float:right; margin-top:15px;}
.orange { color:#f26522;}
.lightGreen { color:#a8cf38;}
.skyBlue {color:#52c5d5;}
.white { color:#ffffff;}
.number {color:#fff; font-size:28px;}
.number_smaller {color:#fff; font-size:21px;}
.number_smallest {color:#fff; font-size:17px;}
.formfiveSpace { margin-left:25px;}
.darkBlue { color:#487690; font-size:11px;}
.greenHead { width:190px; height:16px; color:#fff; background:#a8cf38; margin-right:5px; text-align:right; _margin-left:-5px; padding-right:3px; padding-top:3px; line-height:15px;}

p.consectetum { margin:0; padding:0; width:200px;}
p.graphText { height:31px; padding:0 15px 0 15px;}
ul.answerOption { margin:0; padding:0; list-style:none; margin-top:10px;}
ul.answerOption li { float:left; font:11px Georgia, "Times New Roman", Times, serif; color:#000; margin-right:5px;}

#lnkMoral { font-size:11px;}
#lnkMoral:hover { font-size:11px;}

ul#formLeft { width:200px; float:left; margin-top:15px;}
ul#formLeft li { list-style:none; display:block; margin-left:20px; margin-top:3px; line-height: 20px;}
ul#formLeft li input { margin:0; padding:0;}
ul#formRight { width:200px; float:left; margin-top:15px;}
ul#formRight li { list-style:none; display:block; margin-left:20px; margin-top:3px; line-height: 20px;}
ul#formRight li input { margin:0; padding:0;}
ul#formFour { margin:0; padding:0;} 
ul#formFour li { float:left; margin-right:10px;} 
#imageOne {float:right; margin-top:-8px; margin-right:10px;}

#logo{ position:absolute; left:0px; top:0px; width:245px; height:142px; z-index:0;}
#container { width:907px; margin:0 auto 0 auto; position:relative;}
#cntainerHead { width:auto; height:93px;}
#cntainerHead  #menu{ width:436px; padding-left:262px; float:left; margin-top:69px;}
#cntainerHead  #menu ul { margin:0; padding:0;}
#cntainerHead  #menu li { float:left; margin:0; padding:0;}
#cntainerHead  #menu li img {width: 100%; height: 100%; border: 0; }
#cntainerHead  #menu li a{ display:block}
#cntainerHead  #menu a:hover img{visibility:hidden; }
#cntainerHead  #menu li.tankom { width:78px; height:24px; background:url(../_sysImages/tankomHover.gif) top no-repeat;}
#cntainerHead  #menu li.utmaningen { width:111px; height:24px; background:url(../_sysImages/utmaningenHover.gif) top no-repeat;}
#cntainerHead  #menu li.vartklimat { width:112px; height:24px; background:url(../_sysImages/vartklimatHover.gif) top no-repeat;}
#cntainerHead  #menu li.omel { width:64px; height:24px; background:url(../_sysImages/omelHover.gif) top no-repeat;}
#cntainerHead  #menu li.kontakt { width:71px; height:24px; background:url(../_sysImages/kontaktHover.gif) top no-repeat;}
#cntainerHead #rightLogo { width:201px; float:right;}
#cntainerHead #rightLogo img { float:right; border:0;} 
#containerContent { width:907px}
#containerContent #contentLeft { width:200px; float:left;}


#containerContent #contentLeft #loginControl { margin-top:49px; padding:10px; width:auto; padding-left:16px;}
#containerContent #contentLeft #loginControl ul { margin:0; padding:0; list-style:none;}
#containerContent #contentLeft #loginControl li { width:auto;}
#containerContent #contentLeft #loginControl li input { height:19px; color:#777; width:169px; font:11px Georgia, "Times New Roman", Times, serif; line-height:20px; margin-bottom:9px;}

/* ADDED BY DYNAMIC MEDIA 2009-04-14 */
#newloginControl { margin-top:5px; padding:10px; width:auto; padding-left:16px; background:#60c9dc; margin-bottom:8px; font-size: 10px; }
#newloginControl ul { margin:0; padding:0; list-style:none;}
#newloginControl li { width:auto;}
#newloginControl li input { height:19px; color:#777; width:169px; font:11px Georgia, "Times New Roman", Times, serif; margin-bottom:9px;}
#newloginControl input { margin-bottom: 2px;}
#newloginControl input.login-control { height:19px; color:#777; width:165px; font:11px Georgia, "Times New Roman", Times, serif; padding-left: 5px; padding-top: 4px; margin-bottom:0px;}

#newloginControl a { color: #FFFFFF; text-decoration: none; }
#newloginControl a:visited { color: #FFFFFF; text-decoration: none; }
#newloginControl a:hover { color: #FFFFFF; text-decoration: underline; }
#newloginControl a:active { color: #FFFFFF; text-decoration: underline; }

#containerContent #contentLeft #logOutControl { margin-top:49px; width:auto; height:39px; background:#487690; color:#fff; padding:11px 0 0 16px;}
#containerContent #contentLeft #logOutControl input { margin:10px 7px 0 0;}
#containerContent #contentLeft #nyheter { width:auto; margin-top:7px; background:#fff; padding:11px 7px 25px 15px; _padding:11px 7px 18px 15px; line-height:13px;}
#containerContent #contentLeft #nyheter p { margin-top:22px; width:172px;}
#containerContent #contentLeft #kalendarium { width:auto; margin-top:7px; background:#ffffff; padding:10px 7px 0 15px; height:442px;}
#containerContent #contentLeft #kalendarium ul { margin-top:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px;}
#containerContent #contentLeft #kalendarium li { height:19px; border:1px dotted #777; padding:5px;  margin-bottom:5px;}
#containerContent #contentRight { width:699px; float:right; position:relative;}
#containerContent #contentRight #left { width:490px; float:left; background:#fff; position:relative;}
#containerContent #contentRight #left  #menuSecond { margin-top:10px; padding-left:10px;}
#containerContent #contentRight #left  #menuSecond  ul { margin:0; padding:0; list-style:none;} 
#containerContent #contentRight #left  #menuSecond  ul li { float:left; color:#487690; font-size:9px; }
#containerContent #contentRight #left  #menuSecond a { font-family:verdana; font-size:9px; color:#487690; text-decoration:underline;}
#containerContent #contentRight #left  #menuSecond a:hover { color:#a8cf38}
#containerContent #contentRight #left #pnlImage1 { width:490px; height:344px; overflow:hidden; z-index:1;}
#containerContent #contentRight #left #startpage { width:465px; padding:25px 0 25px 25px; background:#fff; height:180px;}
#containerContent #contentRight #left #startpage p { width:299px; line-height:14px;}
#containerContent #contentRight #left #subPage { width:465px; padding:25px 0 25px 25px; background:#fff; height:527px;}
#containerContent #contentRight #left #subPage p { width:409px; line-height:14px; margin-top:17px;}
#containerContent #contentRight #left #subPage p.first { width:315px; line-height:14px; margin-top:17px;}
#containerContent #contentRight #left #startpage #children{ position:absolute; left:312px; top:367px; width:183px; height:172px; z-index:50;}
#containerContent #contentRight #left #pisci { width:256px; background:#a8cf38; padding:15px; margin-bottom:11px;  color:#fff;}
#containerContent #contentRight #left #pisci p { margin-bottom:3px;}
#containerContent #contentRight #left #inloggad  { margin:0; padding:0; position:relative; width:auto;}
#containerContent #contentRight #left #inloggad .topFiveBox { margin:0; padding:0; width:auto; background:#a8cf38; padding:20px;}
#containerContent #contentRight #left #inloggad #leftInloggad { width:210px; float:left;}
#containerContent #contentRight #left #inloggad #leftInloggad a { text-decoration:none;}

#containerContent #contentRight #left #inloggad #leftInloggad a:hover { text-decoration:underline; color:#000;}

#containerContent #contentRight #left #inloggad #rightInloggad { width:215px; float:right;}
#containerContent #contentRight #left #inloggad #rightInloggad #dignim { width:165px; background:#49828f; padding:20px; color:#fff;}
#containerContent #contentRight #left #inloggad #rightInloggad #pointSection { width:65px; height:51px; margin:18px 0 0 10px; background:url(../_sysImages/orangeCircle.gif) no-repeat; padding:16px 9px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align:center;}
#containerContent #contentRight #left #inloggad #rightInloggad #pointSection .num { font-weight:bold; font-size:24px; color:#fff;}
#containerContent #contentRight #left #inloggad #dolore { position:absolute; top:175px; width:181px; height:332px; left:275px; z-index:2;}
#containerContent #contentRight #left #inloggad #contentFirst { width:256px; padding:15px; padding-top:0; line-height:14px;}
#containerContent #contentRight #left #inloggad #box2 { width:256px; background:#52c5d5; padding:15px; margin-bottom:11px; color:#fff;}
#containerContent #contentRight #left #inloggad #box2 p { margin-bottom:4px;}
#containerContent #contentRight #left #inloggad #questionBox { width:256px; background:#487690; padding:15px;  color:#fff; font:11px Georgia, "Times New Roman", Times, serif;}
#containerContent #contentRight #left #inloggad #questionBox  a { color:#fff; text-decoration:none; font-size:11px; font:11px Georgia, "Times New Roman", Times, serif;}
#containerContent #contentRight #left #inloggad #questionBox  a:hover { color:#ace; text-decoration:none; font-size:11px; font:11px Georgia, "Times New Roman", Times, serif;}
#containerContent #contentRight #left #myPage { margin:0; padding:0;}

/*New Added for My page */

#containerContent #contentRight #left #myPage #topPart { padding:10px; padding-top:0px}
#containerContent #contentRight #left #myPage #pointNum { width:65px; height:51px; background:url(../_sysImages/orangeCircle.gif) no-repeat; padding:16px 12px 16px 7px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align:center;}
#containerContent #contentRight #left #myPage #rightPart2 ul#bubleImage { margin:0; padding:0; margin-left:35px;}
#containerContent #contentRight #left #myPage #rightPart2 ul#bubleImage li { color:#000; font-size:11px;}
#containerContent #contentRight #left #myPage #rightPart2 ul#bubleImage li.mid { background:url(../_sysImages/bubleMidBackground.gif) repeat-y; width:154px; padding:0 16px 0 20px;}
#containerContent #contentRight #left #myPage #rightPart2 { float:right; width:250px;}



/*Ending of My page content css*/

#containerContent #contentRight #left #myPage #leftPart { float:left; width:210px; margin-top:11px;}
#containerContent #contentRight #left #myPage #dolore2 { width:237px; float:right; margin-top:-52px;}
#containerContent #contentRight #left #myPage #myPageContent { width:195px; padding:0 0 15px 15px;}
#containerContent #contentRight #left #myPage #completedTask { width:180px; height:276px; margin-bottom:11px; background:#a8cf38; padding:15px;} 
#containerContent #contentRight #left #myPage #completedTask p { margin-bottom:9px; line-height:19px;}
#containerContent #contentRight #left #myPage #rightPart { float:right; width:177px; font-style:italic; padding-right:85px; _padding-right:49px;}




#containerContent #contentRight #left #myPage #point { width:65px; height:51px; background:url(../_sysImages/orangeCircle.gif) no-repeat; padding:16px 12px 16px 7px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align:center;}
#containerContent #contentRight #left #myPage #point p { margin:0; padding:0;}
#containerContent #contentRight #left #myPage #taskOfTheWeek { width:180px; padding:15px; background:#52c5d5; color:#fff;}
#containerContent #contentRight #right { width:201px; float:right;}
#containerContent #contentRight #right #doctorText { position:absolute; left:597px; top:45px; width:100px; z-index:1;}
#containerContent #contentRight #right #doctorText2 { position:absolute; left:596px; top:227px; width:100px; z-index:1;}
#containerContent #contentRight #right .box{ width:201px; background:#fff; margin-bottom:8px;}


/* Added by Dynamic Media 2007-09-22 */
.ListHeader
{
    color:#f26522;   
}

.FormField
{
    font-family: Arial, Sans-Serif;
    font-size: 12px;
}

.PagerLine
{
    border-top:1px dotted #cccccc; width: 400px; margin-top:10px; padding-top: 0px; padding-bottom:5px; margin-left:15px; margin-right: 25px;
}


.PagerLink
{
     font:11px; font-family: Georgia, "Times New Roman", Times, serif; color:#000;
}

a.PagerLink:link
{
    font:11px; font-family:  Georgia, "Times New Roman", Times, serif; color:#000; text-decoration: underline;
}

a.PagerLink:visited
{
    font:11px; font-family:  Georgia, "Times New Roman", Times, serif; color:#000; text-decoration: underline;
}

a.PagerLink:active
{
    font:11px; font-family:  Georgia, "Times New Roman", Times, serif; color:#000; text-decoration: underline;
}

a.PagerLink:hover
{
    font:11px; font-family:  Georgia, "Times New Roman", Times, serif; color:#000; text-decoration: underline;
}


.HighscoreList
{
    background-color: #a8cf38;
    
}

.PointCircle
{
    width:65px; 
    height:51px; 
    margin:18px 0 0 10px; 
    background:url(../_sysImages/orangeCircle.gif) no-repeat; 
    padding:16px 9px; 
    font-family:Verdana, Arial, Helvetica, sans-serif; 
    font-size:10px; 
    text-align:center;
}

.Results
{
    background-image: url(../_sysImages/bg_results.gif);
    background-repeat: no-repeat;
    height: 110px;
    width: 214px;
    padding-top: 29px;
    margin-top: 1px;
}

.WhiteText
{
    color: White;
}

.LeftColumn
{
    width: 205px; float: left; margin-left: 25px; margin-top: 22px;
}


.MenuLink { color: #000000; text-decoration: none; }
a.MenuLink { text-transform: uppercase; color: #000000; text-decoration: none; }
a.MenuLink:link { text-transform: uppercase; color: #000000; text-decoration: none; }
a.MenuLink:visited { text-transform: uppercase; color: #000000;  text-decoration: none; }
a.MenuLink:hover { text-transform: uppercase; color: #000000; text-decoration: underline; }
a.MenuLink:active { text-transform: uppercase; color: #000000; text-decoration: none; }
    

.btnright
{
    margin-right: 20px;    
    padding-right: 10px;
}


/* FROM PUBLIC PAGE */

/*login Section*/
#loginControl { margin-top:49px; padding:10px 15px; height:76px; background:#60c9dc; margin-bottom:8px; overflow:hidden;} 
#loginControl li input { height:14px; color:#777; width:165px; margin-bottom:9px;}
.margin-left-110 {margin-left:110px;}
.pdf-link { height:20px; overflow:hidden;}
.popen { display:block; color:#fff;  font-size:10px; margin-top:-8px; text-align:center;}
.help { margin-right:80px;}
#logOutControl { margin-top:49px; width:auto; height:34px; background:#487690; color:#fff; padding:16px 0 0 11px;}
/*End login*/



/*
#right { width:201px; float:right;}
	#doctorText { position:absolute; left:597px; top:45px; width:100px; z-index:1;}
	#doctorText2 { position:absolute; left:596px; top:227px; width:100px; z-index:1;}
	.box{ width:201px; background:#fff; margin-bottom:8px; padding-top:10px;}

*/

.graphText2 {padding:15px; line-height:13px; height:124px; overflow:hidden; padding-top:10px;}
.orangeHeading {width:200px; font-size:18px; color:#f26522; margin-bottom:15px; display:block} 
.greenHead { width:190px; height:16px; color:#fff; background:#a8cf38; margin-right:5px; text-align:right; padding-right:3px; line-height:16px; display:block;}

.left-first-box { height:172px;}
.left-second-box { height:176px;}
.left-third-box { height:143px;}


.top-box { width:193px; padding:10px 8px 5px 0; background:#fff; border:1px solid red; margin-bottom:8px; overflow:hidden;} 
.circle { margin-top:13px;}
.arrow-link-top{ float:right; margin-right:8px; position:relative; margin-top:-15px;}
.arrow-link-third{ float:right; margin-right:8px; position:relative; margin-top:-5px;}

.bottom-box,
.news{ width:193px; height:145px; padding:10px 8px 5px 0; background:#fff; overflow:hidden;} /
.bottom-box .green-heading { display:block; height:16px; overflow:hidden; background:#B5D547; color:#fff; text-align:right; padding-right:3px; line-height:15px; font-weight:bold; font-style:italic;}
.bottom-box img { display:block; float:left; height:129px; width:97px; overflow:hidden;}
.bottom-box .description { float:right; width:94px; padding-top:7px; padding-bottom:14px; padding-left:2px; text-align:left; font-size:11px;}
.bottom-box .arrow-link { clear:both; float:right; margin-right:8px; width:29px; height:10px; margin-top:-15px; position:relative;}
.bottom-right-box { height:149px; overflow:hidden; padding-top:10px;}

.news{ width:193px; height:145px; padding:10px 8px 5px 0; margin-bottom: 8px; background:#fff; overflow:hidden;}
.green-heading { display:block; height:16px; overflow:hidden; background:#B5D547; color:#fff; text-align:right; padding-right:3px; line-height:15px; font-weight:bold; font-style:italic;}

.mlimatuppdraget { margin:5px 5px 0 0;}
.vecka {margin-top:15px; float:right} 
.orange { color:#f26522}
.lightGreen { color:#a8cf38}
.skyBlue {color:#52c5d5}
.white { color:#fff}
.formfiveSpace { margin-left:25px}
.darkBlue { color:#487690;}
.molorAt { padding:5px 0 0 15px; width:50px; float:left;}
.link-right-third  {display:block; clear:both;}



.NotAnswered
{
    color: Red;
    line-height: 30px;
    font-weight: bold;
}

#iframepage
{
    width: 370px;
    background-color: #FFFFFF;
    padding-left: 0px;
 font-family: Verdana, Sans-Serif;
    }

#iframepage h1
{
    font-family: Verdana, Sans-Serif;
}
