/*
ljusblå	#8abee7
blå		#0066b3
mörkblå #004a8f
*/

body {
	margin: 0;
	padding: 0;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #012e58;
	/*background-color: #f3f9fe;*/
	background-color: blue;
	background: #fff url(Images/bg.gif) repeat-x top;
}

#container {
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	background-color: #fff;
	border-left: solid 1px #8abee7;
	border-right: solid 1px #8abee7;	
}

#top {
	height: 140px;
}

#topLeft {	
	width: 280px;
	float: left;	
	padding: 5px 5px 0 5px;
	text-align: left;	
}

#topRight {
	vertical-align: top;
	width: 700px;
	float: right;		
	padding: 0;	
	text-align: left;	
}

#mid {
	clear: both;
	background: #004a8f url(Images/midBg.gif) repeat-x top;
	height: 24px;		
	/*border-top: solid 1px #8abee7;*/
}

#midLeft {
	width: 900px;
	float: left;		
}

#midRight {	
	width: 80px;
	float: right;
	text-align: right;
	vertical-align: middle;
}
          
#flags {
	padding: 3px 10px 0 0;
}

.flagImg {
	/*border: solid 1px #fff;*/
}

#content {	
	padding: 10px 10px 10px 10px;		
}

#contentLeftWide {	
	text-align: left;
	vertical-align: top;
	width: 710px;
	float: left;	
	padding: 0 10px 0 0;
	margin: 0;
	overflow: hidden;	
}

#contentRight {
	text-align: right;
	vertical-align: top;
	width: 250px;
	float: right;			
}

.newsList {

}

.eventList {

}

#bottomContent {
	padding: 5px;	
	border-bottom: solid 1px #8abee7;
}

#footer {
	height: 10px;
	padding: 5px;	
}

#userInfo {	
	float: left;
}

#lexen {
	font-size: 10px;		
	float: right;
}

#lexen a {
    text-decoration: none;	
    color: #002f71;
}

#lexen a:hover {
    border-bottom: none;
    color: #94B626;        
}

.table {
    text-align: left;
    border-collapse: collapse;	    
    border-spacing: 0;
    padding: 4px;			
    border: solid 1px #d8d8da;
}

.table .header 
{    	
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 10px;
    font-weight: bold;
    background: url(Images/sprite.png) repeat-x 0px 0px;        
    color: #222;
    padding: 1px 5px 1px 10px;
    text-align: left;        
}
     
.table .content {	
    padding: 15px 1px 1px 6px;
    border-top: solid 1px #d8d8da;
}           
    
/*Modal Popup*/
.modalBackground {
	background-color: #777;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopupEditor {
	background-color: #2c2c2c;
	border: solid 1px #000;
	color: #fff;
	padding: 0px;	
	background-color: #2c2c2c;
}

.modalPopupHandleControl {	
	cursor: move;	
	background: #fff url(/Images/bgHandleControl.gif) repeat;	
}

h1, h2, h3, .heading1, .heading2, .heading3 {
	margin-top: 0px;
}

h1, .heading1 {	
	font-size: 18px;
}

h2, .heading2 {
	font-size: 14px;
}

h3, .heading3 {
	font-size: 12px;
}

.headingComplement 
{	
	font-weight: bold;	
}

.introduction {
	padding-top: 20px;
	padding-bottom: 20px;
	font-weight: bold;
}

a img {
	border: none;
}

.txt {

}

.input, .inputMid, .inputSmall, .inputZip, .inputCity, .inputMessage, .inputMessageMid, .inputMessageMidReq,
.inputReq, .inputMidReq, .inputSmallReq, .inputZipReq, .inputCityReq, .inputMessageReq,
.inputLinkInfo {
	font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
	color:#000;
	width: 195px;
	height:19px;
	line-height:19px;
	border:1px solid #7d7d7d;
	background: #fff;
	padding: 0px 0px 1px 4px;
}

.inputReq, inputMidReq, .inputSmallReq, .inputZipReq, .inputCityReq, .inputMessageReq, .inputMessageMidReq {
	background: #fafad2;	
}

.inputMid, .inputMidReq {
	width: 100px;
}

.inputSmall, .inputSmallReq {
	width: 40px;
}

.inputZip, .inputZipReq {
	width: 50px;
}

.inputCity, .inputCityReq {
	width: 130px;
}

.inputMessage, .inputMessageReq {
	width: 195px;
	height: 100px;
}

.inputMessageMid, .inputMessageMidReq {
	width: 120px;
	height: 80px;
}

.inputLinkInfo {
	font-size: 11px;
	width: 270px;
	height:15px;
	line-height:15px;
}

.ddl, .ddlReq {
	font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
	color:#000;   
    width: 203px;	
}

.ddlReq {
	width: 203px;		
	background-color: #fafad2;
}

.ddlSmall, .ddlSmallReq, .ddlMid, .ddlMidReq, .ddlMidS, .ddlMidSReq {
	font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
	color:#000;   
    width: 70px;	
}

.ddlSmallReq, .ddlMidReq, .ddlMidSReq {	
	background-color: #fafad2;
}

.ddlMidS, .ddlMidReqS {	 
    width: 107px;	
}

.ddlMid, .ddlMidReq {	 
    width: 140px;	
}

.list {
	width: 200px;
	height: 100px;
}

.chk {
	
}

a {color: #002f71;text-decoration: none;}
a:visited {color: #002f71;text-decoration: none;}
a:hover {color: #000;text-decoration: none;}

/* RadEditor / Modal Popup */
.radwindow.radwindow_Default.normalwindow.transparentwindow {
	z-index: 9990000 !important;
}

/* START GridView *****************************************/

.tablestyleMargin0 {
	font-family: Arial, Helvetica;
	font-size: 10px;
	border: solid 1px #D2D2D2;
	margin-left: 0px;
	margin-top: 0px;
}

.tablestyle {
	font-family: Arial, Helvetica;
	font-size: 11px;
	border: solid 1px #D2D2D2;	
	margin-left: 0px;
	margin-top: 0px;
}

.altrowstyle {   
    /*background-color: #ededed;*/
    background-color: #fafafe;  
}

.headerstyle {
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 11px;
	font-weight: bold;
   /* background: url(Images/sprite2.png) repeat-x 0px 0px;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-color: #d2d2d2 #d2d2d2 #d2d2d2 #d2d2d2;
    border-style: solid solid solid none;   
    border-width: 0px;*/
    color: #004a8f;
    padding: 1px 5px 1px 10px;
    text-align: left;
    vertical-align: bottom;   
    background-color: #f9fcff;
    
}  

.headerstyle th {
	
    /*background: url(Images/sprite2.png) repeat-x 0px 0px;
    border-color: #d2d2d2 #d2d2d2 #d2d2d2 #d2d2d2;
    border-style: solid solid solid none;
    border-width: 1px 0px 1px 0;
    color: #004a8f;*/
    padding: 1px 5px 1px 10px;
    text-align: left;
    vertical-align: bottom;     
}  

.headerstyle th a {
	/*font-family: 'Trebuchet MS', sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
    color: #004a8f;*/
	display: block;
    padding-right: 10px;   
}    

.rowstyle .sortaltrow, .altrowstyle .sortaltrow {
    /*background-color: #ededed;*/
}

.rowstyle .sortrow, .altrowstyle .sortrow {
    /*background-color: #ededed;*/
}

.rowstyle td, .altrowstyle td, .EntryLineHover td {  
    padding: 1px 10px 1px 10px;
    /*border-right: none;*/
}

.headerstyle .sortascheader {
    /*background: url(Images/sprite.png) repeat-x 0px -100px;*/
}

.headerstyle .sortascheader a {
    background: url(Images/dt-arrow-up.png) no-repeat right 50%;
} 

.headerstyle .sortdescheader {
   /* background: url(Images/sprite.png) repeat-x 0px -100px;*/
}   

.headerstyle .sortdescheader a {
    background: url(Images/dt-arrow-dn.png) no-repeat right 50%;
} 

.EntryLineHover {
	background-color:#d2d2d2; 
} 

.pagerStyle {
	text-align: left;	
	font-weight: bold;	
}

.pagerStyle a {	
	text-decoration: none;	
    font-weight: normal;
}

.pagerStyle a:hover {	
    /*text-decoration: underline;*/
}

/* END GridView *******************************************/

fieldset {
	padding: 4px;
	border: solid 1px #989898;
}

legend {
	padding: 4px;	
}

.legendLargeHeader {
	padding: 4px;	
	font-size: 14px;
	font-weight: bold;
}

/* Start Edit Menu ****************************************/
.btn, .btnSave, .btnDelete, .btnVerticalMove {
	
}

.btn:hover {
	
}

.btnSave {
	width: 60px;
}

.btnDelete {
	color: red;
	width: 60px;
}

.btnVerticalMove {
	width: 60px;
	margin-bottom: 2px;
}

.txtMenuAdmin {
	width: 175px;
}

.txtMenuAdminWide {
	width: 375px;
}

.ddlMenuAdmin {
	width: 180px;
}

.lstMenuAdmin {
	width: 180px;
	height: 160px;
}

/* END Edit Menu ****************************************/

.selItm
{
	color: #006;	
	background: transparent url(Menu/MenuBackgroundHover.gif) repeat-x;	
	cursor:hand! important;
}


/***** Start - modal text editor & admin content in client website ******/
#editContent {
    padding-left: 10px;
    text-align: left;
}

.editContentBody {	
	background-color: #fff;
	text-align: left;
}

.editContentBody {	
	background-color: #fff;
	text-align: left;
}

adminContentInPage {
	padding: 0 0 0 20px;
}
/***** END - modal text editor & admin content in client website ********/