* { margin: 0; padding: 0; }

body { text-align:center; line-height:20px; font-family:"Candara"; font-size:16px; color:#333333; background-color:#ffffff; }

img { border:0; }
a:active, a:visited, a:link { text-decoration:none; }
a:hover { text-decoration:underline; }

/*FRAME DESIGN START*/
#top_background { clear:both; background-color:#004377; height:90px; }
#top_wrapper { margin:0 auto; text-align:left; width:960px; height:90px; }

.mosaiikki_ry { float:left; text-align:left; width:190px; height:55px; }
.mosaiikki_ry ul { padding:0px; list-style:none; position:relative; display:inline-table; }
.mosaiikki_ry ul ul { display:none; }
.mosaiikki_ry ul li:hover > ul { display: block; }
.mosaiikki_ry ul li { float:left; width:190px; height:35px; background:url("images/mosaiikki-ry/button.png"); }
.mosaiikki_ry ul li:hover { background-position:0px -35px; }
.mosaiikki_ry ul li a { display:block; text-decoration:none; }
.mosaiikki_ry ul ul { position:absolute; top:100%; }
.mosaiikki_ry ul ul li { float:none; position:relative; height:20px; background-position:0px -70px; }
.mosaiikki_ry ul ul li p { font:12px Verdana; font-weight:bold; color:#ffcc00; margin-left:30px; } 
.mosaiikki_ry ul ul li:hover { background-position:0px -70px; }
.mosaiikki_ry ul ul li a { font:12px Verdana; font-weight:bold; color:#ffffff;
						   line-height:20px; margin-left:20px; padding-left:10px;
						   background:url("images/mosaiikki-ry/arrow.png"); background-repeat:no-repeat; }	
.mosaiikki_ry ul ul li a:hover { color:#abe0f2; }
.mosaiikki_ry ul ul li.empty { background:url("images/mosaiikki-ry/empty.png"); background-position:0px 0px; }
.mosaiikki_ry ul ul li.empty:hover { background-position:0px 0px; } 
.mosaiikki_ry ul ul li.end { height:30px; background:url("images/mosaiikki-ry/end.png"); background-position:0px 0px; }
.mosaiikki_ry ul ul li.end:hover { background-position:0px 0px; } 





.mosaiikki_ry.mirror { float:right; }

.language_menu { float:left; text-align:left; width:770px; height:55px; }
.language_menu ul { list-style:none; }
.language_menu li { float:right; font:11px Verdana; font-weight:bold; height:25px; line-height:25px; background:url("images/top/language-mid.png"); color:#ffcc66; }
.language_menu li a { color:#ffcc66; }
.language_menu li.select { background-color:#ffdd53; background-position:0px 25px; }
.language_menu li.left { height:25px; width:10px; background:url("images/top/language-corners.png"); background-position:10px 0px; margin-right:5px; }
.language_menu li.left.select { background-position:10px 25px; }
.language_menu li.right { height:25px; width:10px; background:url("images/top/language-corners.png"); background-position:0px 0px; }
.language_menu li.right.select { background-position:0px 25px; }
.language_menu li.select a { color:#04528d; }

/*.language_menu.mirror ul { list-style:none; }
.language_menu.mirror li { float:left; font:11px Verdana; font-weight:bold; height:25px; line-height:25px; background:url("images/top/language-mid.png"); color:#ffcc66; }
.language_menu.mirror li a { color:#ffcc66; }
.language_menu.mirror li.select { background-color:#ffdd53; background-position:0px 25px; }
.language_menu.mirror li.left { height:25px; width:10px; background:url("images/top/language-corners.png"); background-position:10px 0px; margin-right:5px; }
.language_menu.mirror li.left.select { background-position:10px 25px; }
.language_menu.mirror li.right { height:25px; width:10px; background:url("images/top/language-corners.png"); background-position:0px 0px; }
.language_menu.mirror li.right.select { background-position:0px 25px; }
.language_menu.mirror li.select a { color:#04528d; }*/

.navbar_top { float:left; text-align:left; width:960px; height:35px; }
.navbar_top ul { list-style:none; }
.navbar_top li { float:left; font:16px Cambria; font-weight:bold; height:35px; line-height:35px; color:#255887; padding:0px 8px 0px 8px; }
.navbar_top li a { color:#ffffff; }
.navbar_top li.break { margin:0; }
.navbar_top li.select { color:#255887; background-color:#ffffff; padding:0px; }
.navbar_top li.left { background:url("images/top/navbar-corners.png"); background-position:0px 0px; height:35px; width:10px; padding:0px; }
.navbar_top li.right { background:url("images/top/navbar-corners.png"); background-position:10px 0px; height:35px; width:10px; padding:0px; }
.navbar_top li.select a { color:#004377; }

.navbar_top.mirror ul { list-style:none; }
.navbar_top.mirror li { float:right; font:16px Cambria; font-weight:bold; height:35px; line-height:35px; color:#255887; padding:0px 8px 0px 8px; }
.navbar_top.mirror li a { color:#ffffff; }
.navbar_top.mirror li.break { margin:0; }
.navbar_top.mirror li.select { color:#255887; background-color:#ffffff; padding:0px; }
.navbar_top.mirror li.left { background:url("images/top/navbar-corners.png"); background-position:10px 0px; height:35px; width:10px; padding:0px; }
.navbar_top.mirror li.right { background:url("images/top/navbar-corners.png"); background-position:0px 0px; height:35px; width:10px; padding:0px; }
.navbar_top.mirror li.select a { color:#004377; }

#header_background { clear:both; background-color:#fff2c0; } /*HEIGHT INSIDE MODULE*/
#header { margin:0 auto; text-align:left; width:960px; background-color:#ffffff; } /*HEIGHT INSIDE MODULE*/
#header #image { float:left; } /*SIZE INSIDE MODULE*/
#header #banner { float:left; }

#header .navigation { float:left; display:table; width:960px; height:60px; }
#header .navigation p { display:table-cell; font:18px Cambria; font-weight:bold; vertical-align:middle; text-align:left;
						border-right:1px solid #d9d6d6; padding:0px 20px 0px 20px; background:url("images/header/header-button.png"); }
#header .navigation p.select { background:url("images/header/header-button-select.png"); }
#header .navigation a { color:#004377; }
#header .navigation p.select a { color:#ffcc66; }

#header .navigation.mirror { float:left; display:table; width:960px; height:60px; }
#header .navigation.mirror p { display:table-cell; font:18px Simplified Arabic; font-weight:bold; vertical-align:middle; text-align:right;
							   border-right:1px solid #d9d6d6; padding:0px 20px 0px 20px; background:url("images/header/header-button.png"); }
#header .navigation.mirror p.select { background:url("images/header/header-button-select.png"); }
#header .navigation.mirror a { color:#004377; }
#header .navigation.mirror p.select a { color:#ffcc66; }

#header #navigation_bottom { float:left; width:960px; height:10px; background:url("images/header/header-bottom.png"); }

#news { margin:0 auto; text-align:left; width:960px; height:240px; }
#news .box { float:left; width:300px; background:url("images/news-box.png");  border-bottom:5px solid #ffcc00; }
#news .box h2 { font:18px Cambria; font-weight:bold; color:#ffe850; margin:15px 10px 15px 15px; }
#news .box p { font:12px verdana; padding:3px 0px 5px 32px; margin:10px 15px 0px 17px;
			   background:url("images/styles/read-more.png"); background-position:0px 0px; background-repeat:no-repeat; }
#news .box a { color:#ffffff; }

#address_background { clear:both; background-color:#fff2c0; height:50px; }
#navbar_address { margin:0 auto; text-align:left; width:960px; height:50px; }
#navbar_address p { float:left; font:11px Verdana; color:#999999; font-style:italic; margin:15px 0px 0px 20px; }
#navbar_address a { color:#999999; }
#navbar_address input[name="search_field"] { float:right; width:215px; height:19px; font:12px Verdana; font-style:italic; color:#909090; 
									 line-height:18px; margin:15px 5px 0px 5px; padding:0px 5px 0px 5px; }
#navbar_address input[name="search_button"] { float:right; width:70px; height:21px; font:14px Cambria; font-weight:bold; color:#ffffff;
									   cursor:pointer; border:none; background:url("images/search-button.png"); margin:15px 5px 0px 5px; }

.navbar_left { float:left; width:270px; }
.navbar_left .top { float:left; width:270px; height:8px; background-color:#ffcc00; }

.navbar_left p { display:table; width:270px; height:42px;  }
.navbar_left p a { display:table-cell; padding:0px 10px 0px 15px; line-height:16px; vertical-align:middle; }
.navbar_left p.root { font:16px Cambria; font-weight:bold; background:url("images/navbar-left/root.png"); }
.navbar_left p.root a { color:#ffffff; }
.navbar_left p.root.arrow { background:url("images/navbar-left/root-arrow.png"); }
.navbar_left p.root.arrow a { color:#ffffff; }
.navbar_left p.root.select { background:url("images/navbar-left/root-select.png"); }
.navbar_left p.root.select a { color:#04528d; }
.navbar_left p.root.select.arrow { background:url("images/navbar-left/root-select-arrow.png"); }
.navbar_left p.root.select.arrow a { color:#04528d; }
.navbar_left p.root.open.arrow { background:url("images/navbar-left/root-open-arrow.png"); }
.navbar_left p.root.open.arrow a { color:#ffffff; }
.navbar_left p.branch { font:14px Cambria; font-weight:bold; background:url("images/navbar-left/branch.png"); }
.navbar_left p.branch a { padding:0px 10px 0px 20px; color:#04528d; }
.navbar_left p.branch.select { background:url("images/navbar-left/branch-select.png"); }
.navbar_left p.branch.select a { color:#04528d; }
.navbar_left .bottom { float:left; width:270px; height:18px; background:url("images/navbar-left/bottom.png"); }

.navbar_left.mirror p { display:table; text-align:right; width:270px; height:42px;  }
.navbar_left.mirror p a { display:table-cell; padding:0px 15px 0px 10px; line-height:16px; vertical-align:middle; }
.navbar_left.mirror p.root { font:16px Simplified Arabic; font-weight:bold; background:url("images/navbar-left/mirror/root.png"); }
.navbar_left.mirror p.root a { color:#ffffff; }
.navbar_left.mirror p.root.arrow { background:url("images/navbar-left/mirror/root-arrow.png"); }
.navbar_left.mirror p.root.arrow a { color:#ffffff; }
.navbar_left.mirror p.root.select { background:url("images/navbar-left/mirror/root-select.png"); }
.navbar_left.mirror p.root.select a { color:#04528d; }
.navbar_left.mirror p.root.select.arrow { background:url("images/navbar-left/mirror/root-select-arrow.png"); }
.navbar_left.mirror p.root.select.arrow a { color:#04528d; }
.navbar_left.mirror p.root.open.arrow { background:url("images/navbar-left/mirror/root-open-arrow.png"); }
.navbar_left.mirror p.root.open.arrow a { color:#ffffff; }
.navbar_left.mirror p.branch { font:14px Simplified Arabic; font-weight:bold; background:url("images/navbar-left/mirror/branch.png"); }
.navbar_left.mirror p.branch a { padding:0px 20px 0px 10px; color:#04528d; }
.navbar_left.mirror p.branch.select { background:url("images/navbar-left/mirror/branch-select.png"); }
.navbar_left.mirror p.branch.select a { color:#04528d; }
.navbar_left.mirror .bottom { float:left; width:270px; height:18px; background:url("images/navbar-left/mirror/bottom.png"); }
.addthis_toolbox { float:right; margin:20px 10px 0px 0px; } 

#footer_empty { clear:both; height:50px; }
#footer_background { clear:both; background-color:#014c98; height:220px; }

.footer { margin:0 auto; text-align:left; width:960px; height:220px; }
.footer ul { margin:30px 0px 20px 20px; }
.footer li { list-style:none; background:url("images/footer-arrow.png"); background-position:0px 6px;
			 background-repeat:no-repeat; padding-left:12px; margin:0px 0px 3px 0px; }
.footer li a { font:14px Cambria; font-weight:bold; color:#ebebeb; }
.footer p { font:14px Cambria; color:#9cbcdc; margin:0px 0px 0px 20px; }
.footer p a { color:#ffcc00; }
.footer #part { float:left; height:220px; }
.footer #box { float:left; height:220px; background:url("images/footer-box.png");
			   background-position:0px 35px; background-repeat:no-repeat; }
.footer #box p { float:left; width:270px; font:12px Myriad Pro; color:#8b8b8b; text-align:center; margin:25px 0px 0px 0px; }
.footer #box img { float:left; }

.footer.mirror { margin:0 auto; text-align:right; width:960px; height:220px; }
.footer.mirror ul { margin:20px 20px 0px 20px; }
.footer.mirror li { list-style:none; background:url("images/footer-arrow.png"); background-position:right 9px;
					background-repeat:no-repeat; padding-right:15px; margin:0px; }
.footer.mirror li a { font:14px Simplified Arabic; font-weight:bold; color:#ebebeb; }
.footer.mirror p { font:14px Simplified Arabic; color:#9cbcdc; margin:0px 20px 0px 20px; }
.footer.mirror p a { color:#ffcc00; }
.footer.mirror #part { float:right; height:220px; }
.footer.mirror #box { float:left; height:220px; background:url("images/footer-box.png");
					  background-position:0px 35px; background-repeat:no-repeat; }
.footer.mirror #box p { float:left; width:270px; font:12px Simplified Arabic; color:#8b8b8b; text-align:center; margin:20px 0px 0px 0px; }
.footer.mirror #box img { float:left; }

/*FRAME DESIGN END*/

/*TEXT CONTENT START*/
#content { margin:0 auto; text-align:left; width:960px; min-height:500px; background-color:#ffffff; }
.text_content { float:left; text-align:left; }
.text_content.mirror { float:left; text-align:right; }

.election { float:left; width:230px; height:240px; }
.election.fin { background:url("images/election/election-2014-fin.png"); }
.election.eng { background:url("images/election/election-2014-eng.png"); }

/*DEFAULT*/
.text_content h1 { font:24px Cambria; font-weight:bold; margin:20px 20px 22px 30px; }
.text_content h2 { font:18px Cambria; font-weight:bold; margin:20px 20px 15px 30px; }
.text_content h2 a { color:#3399cc; }
.text_content h3 { font:16px Cambria; font-weight:bold; margin:20px 20px 15px 30px; }
.text_content p { font:14px Verdana; margin:0px 20px 22px 30px; }
.text_content p.emphased { font:14px Verdana; font-weight:bold; color:#336699; margin:0px 20px 22px 30px; padding:10px 0px 0px 55px;
						   background:url("images/styles/emphased.png"); background-repeat:no-repeat; background-position:0px 0px; }
.text_content p a { color:#3399cc; }
.text_content ul { font:14px Verdana; margin:10px 20px 22px 0px; }
.text_content ul li { list-style:none; margin:0px 0px 15px 35px; padding:0px 0px 0px 15px;
					  background:url("images/styles/bullet.png"); background-repeat:no-repeat; background-position:0px 7px; }
.text_content ul.read_more li { list-style:none; margin:0px 0px 0px 30px; padding:2px 0px 15px 30px;
					  background:url("images/styles/read-more.png"); background-repeat:no-repeat; background-position:0px 0px; }
.text_content ul li ul li { margin:0px 0px 15px 25px; }
.text_content ul li a { color:#3399cc; }
.text_content ol { font:14px Verdana; margin:10px 20px 22px 50px; }
.text_content ol li {  margin:10px 0px 10px 0px; }
.text_content ol li a { color:#3399cc; }
.text_content .move.left { float:left; margin:0px 20px 10px 30px; }
.text_content .move.right { float:right; margin:0px 10px 10px 30px; }
.text_content .move p { margin:0; }
.text_content .image { border:solid 1px #e6e6e6; }
.text_content .image.normal { float:left; margin:0px 100% 10px 30px; }
.text_content .image.left { float:left; margin:0px 20px 10px 30px; }
.text_content .image.right { float:right; margin:0px 10px 10px 30px; }
.text_content .image p { font:11px Verdana; color:#666666; font-style:italic; margin:5px 5px 5px 5px; }

.text_content table { margin:10px 40px 20px 30px; }
.text_content td { padding:10px 20px 10px 10px; }
.text_content tr.blue { background-color:#15a0c4; }
.text_content tr.blue td { font:14px Trebuchet MS; color:#ffffff; }
.text_content tr.white { background-color:#ffffff; }
.text_content tr.white td { font:12px Trebuchet MS; color:#333333; }
.text_content tr.beige { background-color:#f8f2d5; }
.text_content tr.beige td { font:12px Trebuchet MS; color:#333333; }

/*MIRROR*/
.text_content.mirror h1 { text-align:center; font:26px Simplified Arabic; font-weight:bold; margin:20px 20px 22px 30px; }
.text_content.mirror h2 { text-align:center; font:20px Simplified Arabic; font-weight:bold; margin:20px 20px 15px 30px; }
.text_content.mirror h2 a { color:#3399cc; }
.text_content.mirror h3 { text-align:center; font:18px Simplified Arabic; font-weight:bold; margin:20px 20px 15px 30px; }
.text_content.mirror p { font:16px Simplified Arabic; margin:0px 20px 22px 30px; }
.text_content.mirror p.emphased { font:16px Simplified Arabic; font-weight:bold; color:#336699; margin:0px 20px 22px 30px; padding:5px 55px 0px 0px;
								  background:url("images/styles/mirror/emphased.png"); background-repeat:no-repeat; background-position:right top; }
.text_content.mirror p a { color:#3399cc; }
.text_content.mirror ul { font:16px Simplified Arabic; margin:10px 20px 22px 0px; }
.text_content.mirror ul li { list-style:none; margin:0px 0px 15px 35px; padding:0px 20px 0px 0px;
							 background:url("images/styles/bullet.png"); background-repeat:no-repeat; background-position:right 11px; }
.text_content.mirror ul.read_more li { list-style:none; margin:0px 0px 0px 30px; padding:2px 30px 15px 0px;
									   background:url("images/styles/mirror/read-more.png"); background-repeat:no-repeat; background-position:right 5px; }
.text_content.mirror ul li ul li { margin:0px 0px 15px 25px; }
.text_content.mirror ul li a { color:#3399cc; }
.text_content.mirror ol { font:16px Simplified Arabic; margin:10px 20px 22px 50px; }
.text_content.mirror ol li {  margin:10px 0px 10px 0px; }
.text_content.mirror ol li a { color:#3399cc; }
.text_content.mirror .move.left { float:left; margin:0px 20px 10px 30px; }
.text_content.mirror .move.right { float:right; margin:0px 10px 10px 30px; }
.text_content.mirror .move p { margin:0; }
.text_content.mirror .image { border:solid 1px #e6e6e6; }
.text_content.mirror .image.normal { float:left; margin:0px 100% 10px 30px; }
.text_content.mirror .image.left { float:left; margin:0px 20px 10px 30px; }
.text_content.mirror .image.right { float:right; margin:0px 10px 10px 30px; }
.text_content.mirror .image p { text-align:center; font:13px Simplified Arabic; color:#666666; font-style:italic; margin:5px 5px 5px 5px; }

.text_content.mirror table { margin:10px 40px 20px 30px; }
.text_content.mirror td { padding:10px 20px 10px 10px; }
.text_content.mirror tr.blue { background-color:#15a0c4; }
.text_content.mirror tr.blue td { font:14px Trebuchet MS; color:#ffffff; }
.text_content.mirror tr.white { background-color:#ffffff; }
.text_content.mirror tr.white td { font:12px Trebuchet MS; color:#333333; }
.text_content.mirror tr.beige { background-color:#f8f2d5; }
.text_content.mirror tr.beige td { font:12px Trebuchet MS; color:#333333; }

#empty_left { float:left; width:270px; height:500px; }
.search_page { float:left; text-align:left; }
.search_page h1 { font:24px Cambria; font-weight:bold; margin:20px 30px 22px 30px; }
.search_page h2 { font:18px Verdana; font-weight:bold; margin:20px 30px 15px 30px; }
.search_page h2 a { color:#3399cc; }
.search_page p { font:14px Verdana; margin:0px 30px 22px 30px; }
.search_page p a { color:#3399cc; }


/*EDITOR START*/
#editor_log { float:left; height:25px; background-color:#fffab0; }
#editor_log p { text-align:center; font:11px Verdana; color:green; line-height:25px; }

.editor_navbar { float:left; background-color:#858a90; }
.editor_navbar img { margin:7px 10px 0px 10px; }
.editor_navbar #editor { float:left; height:30px; font:14px Verdana; font-weight:bold; color:#eef2f5; line-height:30px;  }
.editor_navbar #preview { float:right; height:30px; line-height:30px; margin:0px 15px 0px 0px; }
.editor_navbar #preview a { font:12px Verdana; font-weight:bold; color:#eef2f5; }
.editor_navbar #logout { float:right; height:30px; line-height:30px; margin-right:15px; padding-left:15px; border-left:solid 1px #74797f; }
.editor_navbar #logout a { font:12px Verdana; font-weight:bold; color:#eef2f5; }

.editor_options { float:left; background-color:#f0f0ee; }
.editor_options #name { float:left; height:25px; margin-left:10px; font:10px Verdana; font-weight:bold; color:#858a90; line-height:25px;  }
.editor_options #url { float:left; height:25px; margin-left:20px; font:10px Verdana; font-weight:bold; color:#858a90; line-height:25px;  }

.editor_options form { float:left; }
.editor_options label { float:left; font:16px Verdana; color:#81848b; width:10px; height:25px; margin:10px 5px 0px 5px; }
.editor_options label.publish { font:10px Verdana; font-weight:bold; color:#81848b; width:55px; margin:13px 5px 0px 5px; }

.editor_options input[name="id"] { float:left; margin:0px 0px 0px 10px; height:18px; }
.editor_options input[name="text"] { float:left; margin:0px 0px 0px 10px; height:18px; }

.editor_options input[name="rename"] { float:left; cursor:pointer; width:24px; height:20px; margin:1px 0px 1px 8px;
									   background:url("images/editor/refresh.png"); background-position:0px 0px; border:none; }
.editor_options input[name="rename"]:hover { background-position:0px -20px; }
.editor_options input[name="rename"][disabled] { background-position:0px -40px; }

.editor_options input[name="remove"] { float:left; cursor:pointer; width:24px; height:25px; margin:8px 0px 0px 10px;
									   background:url("images/editor/remove.png"); background-position:0px 0px; border:none; }
.editor_options input[name="remove"]:hover { background-position:0px -25px; }
.editor_options input[name="remove"][disabled] { background-position:0px -50px; }

.editor_options input[name="unpublish"] { float:left; cursor:pointer; width:21px; height:21px; margin:10px 5px 0px 0px;
										background:url("images/editor/publish.png"); background-position:0px 0px; border:none; }

.editor_options input[name="publish"] { float:left; cursor:pointer; width:21px; height:21px; margin:10px 5px 0px 0px;
										background:url("images/editor/publish.png"); background-position:0px -21px; border:none; }

.editor_options input[name="up"] { float:left; cursor:pointer; width:24px; height:25px; margin:8px 5px 0px 0px;
									   background:url("images/editor/up.png"); background-position:0px 0px; border:none; }
.editor_options input[name="up"]:hover { background-position:0px -25px; }
.editor_options input[name="up"][disabled] { background-position:0px -50px; }

.editor_options input[name="down"] { float:left; cursor:pointer; width:24px; height:25px; margin:8px 0px 0px 0px;
									   background:url("images/editor/down.png"); background-position:0px 0px; border:none; }
.editor_options input[name="down"]:hover { background-position:0px -25px; }
.editor_options input[name="down"][disabled] { background-position:0px -50px; }

.editor_options input[name="add"] { float:right; cursor:pointer; width:80px; height:21px; margin:10px 12px 0px 0px;
									background:url("images/editor/new-page.png"); background-position:0px 0px; border:none; }
.editor_options input[name="add"]:hover { background-position:0px -21px; }
.editor_options input[name="add"][disabled] { background-position:0px -42px; }

#text_editor { float:left; }
#text_editor input[name="save"] { float:right; cursor:pointer; width:80px; height:21px; margin:10px 12px 0px 0px;
									background:url("images/editor/save.png"); background-position:0px 0px; border:none; }
#text_editor input[name="save"]:hover { background-position:0px -21px; }
#text_editor input[name="save"][disabled] { background-position:0px -42px; }
/*EDITOR END*/