﻿/*	Global Style Sheets*/
html{
	background: transparent url("../images/bg-snow.jpg") repeat-x scroll center top ;
}
body {
	text-align: center;
	background: transparent url('../images/bg.jpg') repeat-x center bottom scroll;
	color: #000;
	cursor: default;
}
body.branding {
	background-position: 100% 0;
}
a {
	text-decoration: none;
}
a:link {
	color: #000;
}
a:visited {
	color: inherit;
}
a:hover {
	color: #009e3b;
	text-decoration: underline;
}
a:active {
	color: black;
}
a img {
	border-style: solid;
	border-width: 0;
}
hr, legend {
	display: none;
}
label {
	cursor: pointer;
}
.emphasis {
	font-weight: bold;
}
.akey {
	border-bottom: 1px #af0601 solid;
}
.notice {
	position: absolute;
	top: 5px;
	left: 5px;
	float: left;
	border: solid 1px #CFCFBE;
	padding: 10px 15px 10px 30px;
	font-family: Tahoma, Verdana, sans-serf;
	font-size: 1.1em;
	background: #FFFFEE url('../images/icoerror.gif') center left no-repeat;
	background-position: 6px;
}
.notice a {
	color: #4b4b4b;
}
.notice span {
	font-weight: bold;
}
.newmessage {
	background-image: url('../images/cpanel/iconewmessage.gif');
}
.smallstatus {
	font-size: 1.0em;
	line-height: normal;
	min-height: 14px;
	margin-bottom: 20px;
}
#sidebar .smallstatus {
	color: White;
}
.hidden {
	display: none;
}
/*-----------------------------------------------------------------------------------------------
	font
-----------------------------------------------------------------------------------------------*/
h2, h4, h3, h5, h6, h1 {
	line-height: normal;
}
/*-----------------------------------------------------------------------------------------------
	layout
-----------------------------------------------------------------------------------------------*/
div#wrapper {
	width: 954px;
	margin: 0 auto;
	font-size: 1.1em;
	min-height: 100%;
}
div.mainbanner {
	width: 946px;
	margin: 0 4px 10px 4px;
	border: 0;
	max-height: 210px;
	min-height: 50px;
	height: auto!important;
	max-width: 946px;
	min-width: 149px;
}
html > body div.mainbanner {
	margin: 0 4px 10px 4px; /* Correct value for browsers that don't suffer from IE Win' s bugs */
	/*min-height: 200px;*/
}
div.mainbanner img.localbanner {
	width: 946px;
	border: 0;
	max-height: 210px !important;
	min-height: 50px !important;
	max-width: 946px !important;
	min-width: 946px!important;
}
div#navigate {
	clear: both;
	width: 946px; /*min-height: 50px;*/;
	margin: 0px 4px 0px 4px;
	padding-top: 10px;
}
html > body div#navigate {
	margin: 0px 4px 0px 4px; /* Correct value for browsers that don't suffer from IE Win' s bugs */
	/*min-height: 200px;*/
}
/* neo */
div#contents {
	width: 717px;
	margin-top:10px;
	/* False margin value for all versions of IE Win, including 6.0 
	background-color:aqua;*/
}
div#sidebar {
	width: 229px;
	margin-top:10px;
	/*border-top:10px #838f4f solid;
	border-bottom:10px #c7391f solid;*/
}
/* Hot Panel + Welcome */
div#mainandhot {
	background: transparent url('../images/slice_line.gif') no-repeat  scroll;
	width: 687px;
	height: 191px;
	min-height: 191px;
	padding: 10px;
	margin: 10px 0;
}
div#welcome {
	width: 199px;
	text-align: justify;
	height: 190px;
}
div#welcome h4 {
	clear: both;
	background: transparent none no-repeat;
	width: 128px;
	height: 20px;
	font-weight: normal;
	padding: 0 0 7px 0;
	font-size: 1.9em;
	text-indent: -9999px;
	direction: ltr;
	text-align: left;	
}
div#hotbox {
	width: 448px;
}
div#hotbox .controls {
	width: 55px;
	margin-bottom: 0px;
}
img.hotphoto {
	display: block;
	height: 170px;
	width: 204px;
	border: 0;
	margin: 0;
	padding: 0;
}

.contentstyle, div#head-abstract, .taskbar, div.body-abstract {
	width: 707px;
}


/*-----------------------------------------------------------------------------------------------
	footer
-----------------------------------------------------------------------------------------------*/
div#footer {
	/*clear: both;*/
	width: 942px;
	height: 19px;
	line-height: 20px; /*min-height: ;*/;
	background: url('../images/Footer_bg.gif') transparent no-repeat center top;
	margin: 0px 4px 0px 4px;
	padding: 25px 2px 20px 2px;
	text-decoration: none;
	color: #4C637C;
}
html > body div#footer {
	margin: 0px 4px 0px 4px; /* Correct value for browsers that don't suffer from IE Win' s bugs */
	/*min-height: 200px;*/
}
/*-----------------------------------------------------------------------------------------------
	branding header
-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------
	accessibility menu
-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------
	navigation menu
-----------------------------------------------------------------------------------------------*/
ul#navigation {
	width: 946px;
	height: 60px;
	margin: 10px 4px 10px 4px;
	list-style-type: none;
	text-align: center;
}
html > body ul#navigation {
	margin: 10px 4px 10px 4px; /* Correct value for browsers that don't suffer from IE Win' s bugs */
	/*min-height: 200px;*/
}
ul#navigation li {
	background: transparent none no-repeat;
	display: inline;
	height: 60px;
	cursor: pointer;
}
ul#navigation li a {
	display: block;
	height: 60px;
	text-decoration: none;
	text-align: center;
	vertical-align: bottom;
	color: #0C9AF0;
}
ul#navigation li a:hover {
	text-decoration: none;
}
ul#navigation li#Language {
	width: 41px;
}
/*-----------------------------------------------------------------------------------------------
	contents
-----------------------------------------------------------------------------------------------*/
.sidebar_c {
	display: block;
	width: 6px;
	height: 30px;
	float: left;
}
/*-----------------------------------------------------------------------------------------------
	Task Bar & Navi Bar
-----------------------------------------------------------------------------------------------*/
.taskbar {
	background: transparent url('../images/TaskBarH707.gif') no-repeat;
	height: 24px;
	padding: 7px 0px 0 0;
}
.taskbar h4 {
	clear: both;
	color: #2d43b5; /*font-weight:normal;*/;
	margin: 0 20px 0 20px;
	font-weight: bold;
}
.taskbar ol {
	list-style-type: none;
	position: relative;
	width: 480px;
	padding: 2px 0 0 0;
	line-height: normal;
}
.taskbar ol li{
    display:none;    
}
.navibar {
	background: transparent url('../temp/images/navibg_test.gif') repeat-x;
	height: 28px;
	width: 934px;
	padding: 1px 0 1px 0;
}
ul.navibar {
	clear: both;
	color: #00709B;
	background: transparent url('../images/bar.gif') no-repeat left -30px;
	height: 28px;
	width: 946px;
	padding: 1px 0 1px 0;
	list-style: none outside none;
	margin: 0;
}
ul.navibar li {
	display: inline;
	line-height: normal;
}
ul.navibar li a {
	cursor: pointer;
	clear: both;
	display: block;
	background: transparent none no-repeat scroll;
}
ul.navibar li a:hover {
	text-decoration: none;
}
ul.navibar li a.logohome-bar{
	background: url('../images/navi_logo_farsun.gif') no-repeat scroll ;
}
/*-----------------------------------------------------------------------------------------------
	menu & Side bar
--------------------- --------------------------------------------------------------------------*/
div#listbox {
	margin: 0 0 8px 0;
}
div#latest-info, div#ctl00_ContentPlaceHolderLastestBox_ctl00_latestinfo {
	margin: 0px;
}
.adv-sidebox {
	margin: 0 0 7px 0;
	width: 229px;
	height: 151px;
	display: block;
}
.sidebar-bottom {
	background: url('../images/sidebar_bottom.gif') transparent center repeat-x;
	height: 10px;
	width: 229px;
}
div.header-Latest{
	background:transparent none no-repeat ;
	width:229px;height:30px;	
}
div.latest {
	padding: 14px;
	border-right: 1px #ADD0E3 solid;
	border-left: 1px #ADD0E3 solid;
	width: 199px;
	height: 355px;
	background-color: #FFF;
}
html > body div.latest {
	padding: 14px 14px;
}
.latest div {
	height: 110px;
	margin: 0px 0 7px 0;
	background-color: transparent;
}
#latest-info li, #ctl00_ContentPlaceHolderLastestBox_ctl00_latestinfo li {
	margin: 0;
	padding: 0;
}
#latest-info p, #ctl00_ContentPlaceHolderLastestBox_ctl00_latestinfo p {
	text-align: justify;
}
#latest-info p:hover, #ctl00_ContentPlaceHolderLastestBox_ctl00_latestinfo p:hover {
	text-align: justify;
	color: #111111;
}
#latest-info a, #ctl00_ContentPlaceHolderLastestBox_ctl00_latestinfo a {
	background: transparent;
	border-bottom: 1px dotted #ADD0E3;
	display: block;
	padding: 5px 0 5px 0;
	text-align: justify;
}
#latest-info a:hover, #ctl00_ContentPlaceHolderLastestBox_ctl00_latestinfo a:hover {
	background-color: #EEF5F9;
	text-decoration: none;
	color: #000;
}
/* #latest-info h3 ,#ctl00_ContentPlaceHolderLastestBox_ctl00_latestinfo h3  */
.header-Latest h3 {
	color: #fff;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;

}
/*---------------======== Panel article==========  ---------------*/
div.main-abstract {
	padding: 20px 20px 5px 20px;
	background-color: white;
	border-left: 1px transparent solid;
	border-right: 1px transparent solid;
	width: 665px;
	clear: both;
}
html > body div.main-abstract {
	padding: 20px 20px 0px 20px;
}

div.article {
	clear: both;
	color: inherit;
	background-color: white;
	padding-top: 12px;
	padding-bottom: 5px;
}
html > body div.article {
	padding-top: 12px;
	padding-bottom: 5px;
}
div.article h4, div.article h3 {	
	font-weight: bold;
	margin-bottom: 7px;
	/*font-size-adjust:none;
	font-stretch:normal;*/;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
}
html > body div.article h4, html > body div.article h3 {
	text-shadow: 1px 1px #ccc;
}
div.article p {
	text-align: justify;
	padding-bottom: 10px;
	margin: 0 0 10px 0;
}
div.article p img {
	max-height: 140px;
	max-width: 140px;
	/*min-height: 105px;
	min-width: 140px;
	height: auto!important; 
	width: auto!important;*/
}
div.article img {
	border: 3px solid;
	display: block;
	clear: both;
	margin: 0 auto;
	max-width: 600px;
}
div.article p.centered {
	display: block;
	clear: both;
}
div.article p.centered img {
	float: none;
	clear: both;
	margin: 0 auto 20px;
	max-width: 660px;
	max-height: none;
}
div.article p.center-nostyle {
	display: block;
	clear: both;
}
div.article p.center-nostyle img {
	float: none;
	clear: both;
	margin: 0 auto 20px;
	max-width: 660px;
	max-height: none;
	border: none;
}
div.article p.freefloat {
	float: none;
	clear: both;
}
div.article img.nostyle {
	border: 0;
	float: none;
	clear: both;
	margin: 0px;
	padding: 0px;
	width: auto;
	height: auto;
}
div.article img.float-right {
	clear: both;
	display: block;
	max-width: 600px;
	max-height: 800px;
	height: auto;
	width: auto;
	border: 0;
}
div.article img.float-left {
	clear: both;
	display: block;
	max-width: 600px;
	max-height: 800px;
	height: auto;
	width: auto;
	border: 0;	
}
div.article img.add-border {
	border: 3px solid;
}
div.article p a:hover {
	border-bottom: 1px solid;
	padding-bottom: 2px;
	text-decoration: none;
}
div.article p a {
	/*color: #009e3b;*/
	border-bottom: 1px #00CC33 dotted;
	padding-bottom: 2px;
}
div.article code {
	/*color: #0087EF;*/
	font-family: "Consolas","Monaco","Bitstream Vera Sans Mono","Courier New",Courier,monospace;
	font-size: 1.3em;
}
div.article div.superbox {
	/*background-color:  #F2FBFE;   ---------and under   */
	border-bottom: 1px dotted #234D65;
	border-top: 1px dotted #234D65;
	color: #10232E;
	padding: 10px;
	margin-bottom: 10px;
	display: block;
	clear: both;
}
div.article div.superbox:hover {
	/*background-color: #768D98;*/
	background-color: #D3EBAF;
	color: #000;
	border-bottom: 1px dotted #587E1F;
	border-top: 1px dotted #587E1F;
}
div.article h5 {
	/*background-color:#E3F5FD;
	background-color:#D1F75D;*/
	border-bottom: 1px solid;
	border-top: 1px solid;
	/*font-size-adjust:none;
	font-stretch:normal;*/;
	font-style: normal;	
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	margin-bottom: -1px;
	 /*background-color:#E3F5FD;*/;
}
div.article ul {
	margin: 10px 20px;
	list-style-position: inside;
	list-style-type: square;
}
div.article div.row ol {
	margin: 0 0 10px 0;
	border-bottom: 1px solid;
	border-top: 1px solid;
}
div.article a.btnmore {
	background: transparent none no-repeat scroll center bottom;
	width: 50px;
	height: 10px;
	display: block;
	border: 0;
	color: white;
}
div.article a.btnmore:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
div.article span.infonews {
	color: #676E74;
	clear: both;
	height: 14px;
	display: block;
	padding: 0;
	margin: 0;
}
/*  */
primary div.download {
	border-bottom: 1px dotted #76A600;
	border-top: 1px dotted #76A600;
	margin-bottom: 20px;
}
div#contents-primary div.download a {
	background: transparent url(../Images/icons18.gif) no-repeat scroll 98% -282px;
	color: #76A600;
	display: block;
	padding: 8px 33px 8px 0;
}
/*-----------------------------------------------------------------------------------------------
	newsletter
-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------
	navigate helper
-----------------------------------------------------------------------------------------------*/
#directorynav {
	border-left: 1px #C7DFEC solid;
	border-right: 1px #C7DFEC solid;
	width: 904px;
	height: 160px;
	text-align: left;
	font-size: 1.1em;
	padding: 19px;
	color: #4C637C;
	text-transform: capitalize;
}
html > body #directorynav {
	padding: 20px; /* Correct value for browsers that don't suffer from IE Win' s bugs */
}
#directorynav ul {
	width: 224px;
	height: 160px;
	float: left;
	margin: 0 1px 0 1px;
}
#directorynav ul li {
	margin: 0 0 0 0;
	line-height: 18px;
}
#directorynav a:link {
	color: #4C637C;
}
#directorynav a:hover {
	color: #009E3B;
}
#directorynav ol {
	margin: 0 0 10px 10px;
	line-height: 16px;
}
#directorynav ol li {
	font-size: 0.9em;
}
/*-----------------------------------------------------------------------------------------------
	FCKEDITRO
-----------------------------------------------------------------------------------------------*/
div.ckeditor {
	clear: both;
	display: block;
	margin: 10px 0 5px 0;
	border-top: 1px #ccc dotted;
	padding: 10px 0 0 0;
}
/*-----------------------------------------------------------------------------------------------
	dialog part
-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------
	forms
-----------------------------------------------------------------------------------------------*/
a.googlemap:hover {
	background-color: #A8D860;
	color: #fff;
	cursor: pointer;
}
/*-----------------------------------------------------------------------------------------------
	Attach
-----------------------------------------------------------------------------------------------*/
#motigo {
	visibility: hidden;
	width: 200px;
	text-indent: -900px;
	min-height: 0px;
}
/*-----------------------------------------------------------------------------------------------
	Image Trail
-----------------------------------------------------------------------------------------------*/
a.advbox, .loading, div.body-typebox p img, div.mainbanner, div.article p.center-nostyle img, div.article p.centered img, div.article img.nostyle, div.article img.float-right, div.article img.float-left, div.article img.add-border, div.article img, div.body-modelbox img {
	background: transparent url('../images/Farsu_loading.gif') no-repeat center center scroll;
}
/*-----------------------------------------------------------------------------------------------
	etooltip
-----------------------------------------------------------------------------------------------*/
#tooltip {
	background: #fff url('../Images/footer-tooltip-blue.gif') scroll center bottom no-repeat;
	border: 1px solid #C7DFEC;
/*background-color:#fff;
background: transparent  url('../Images/shadow3.png') repeat scroll center center  ;  
border:0;
border-bottom:1px solid  #C7DFEC;
border-top:1px solid  #C7DFEC;*/	color: #000;
	display: none;
	line-height: 20px;
	padding: 5px 10px;
	position: absolute;
	z-index: 999;
	max-width: 400px;
	text-align: justify;
}
/*-----------------------------------------------------------------------------------------------
	homepage
-----------------------------------------------------------------------------------------------*/
a.advbox {
	width: 229px;
	height: 151px;
}
a.advbox img {
	width: 229px;
	height: 151px;
}

/*-----------------------------------------------------------------------------------------------
	contact 
-----------------------------------------------------------------------------------------------*/
div.article .btn-cfarme{
	clear:both;
	padding:20px 25px;
}
/*-----------------------------------------------------------------------------------------------
	about
-----------------------------------------------------------------------------------------------*/
div.about-top {
	height: 258px;
	padding: 3px 0 0 0;
	border-top: 1px #C7DFEC solid;
}
html > body div.about-top {
	padding: 10px 0 0 0;
}
div#body-miniabout {
	margin: 0;
	padding: 0px;
	width: 468px;
	height: auto;
	background: transparent none no-repeat scroll center top;
}
div#body-miniabout h4 {
	width: 250px;
	color: #2C98EC;
}
div#body-shortcut {
	padding: 0px;
	width: 229px;
	height: auto;
	background: transparent none no-repeat scroll center top;
}
div#body-miniabout div.atop {
	background: transparent none no-repeat scroll center bottom;
	height: 6px;
}
div#body-miniabout div.abottom {
	background: transparent none no-repeat scroll center top;
	height: 29px;
}
div#body-shortcut div.atop {
	background: transparent none no-repeat scroll center bottom;
	height: 6px;
}
div#body-shortcut div.abottom {
	background: transparent none no-repeat scroll center top;
	height: 29px;
}
div#body-miniabout div.abody, div#body-shortcut div.abody {
	background-color: #fff;
	display: block;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	clear: both;
	height: 213px;
	text-align: justify;
	padding: 10px 20px 0 20px;
}
div#body-miniabout div.abody img {
	border: 0;
	clear: both;
	display: block;
	/* height: 130px; */
}
div#body-shortcut ol {
	list-style-type: none;
	list-style-position: outside;
	color: #555555;
	margin: 5px 0 0 0;
	padding: 5px 0px 5px 0px;
	border-top: 1px #e0e0e0 dotted;
}
div#body-shortcut ol li {
	margin: 2px 0px 5px 0;
	background-color: transparent;
}
div#body-shortcut ol li:hover {
	color: #000;
	cursor: pointer;
}
div#body-shortcut ol li a {
	text-decoration: none;
	width: 170px;
	display: block;
}
/* ---------------------------------------------- */
div#head-abstract h5 {
	height: 21px;
	font-weight: normal;
}
div#head-abstract h5:hover {
	color: #303336;
}
div#head-abstract span {
	width: 240px;
	height: 21px;
	color: #676E74;
}
div#head-abstract a:hover {
	text-decoration: none;
	cursor:pointer;	
}
div.body-abstract {
	margin-bottom: 9px;
	height: auto;
}

div.top-abstract {
	background: transparent none no-repeat scroll center bottom;
	height: 6px;
	clear: both;
}
div.footer-abstract {
	background: transparent none no-repeat scroll center top;
	height: 29px;
	display: block;
	clear: both;
}
/* ---- Tab TOP BOX-- */
div.toptab {
	height: 40px !important;
}
div.toptab h3 {
	text-align: center;
}
div.toptab h3 a {
	background: transparent none no-repeat scroll center bottom;
	display: block;
	height: 35px;
	width: 160px;
	text-align: center;
	padding: 5px 2px 0 2px;
}
div.toptab h3 a:hover, div.toptab h3 a.selected, div.toptab h3 a:focus {
	background-position: center top;
	cursor: pointer;
	text-decoration: none;
}
