@import "flora.css";

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
  .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
   .ui-tabs-nav {
       display: none;
   }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: Trebuchet MS, Trebuchet, "Verdana", Helvetica, Arial, sans-serif;
    font-size: 14px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 3px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 2px;
    font-weight: bold;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0 12px;
    background: url(../images/menu_inner_01.png) no-repeat;
}
.ui-tabs-nav a {
    background: url(../images/menu_inner_01.png) no-repeat;
	margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    /*background-position: 100% 0;*/
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */    
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
	color: #FFF;
}
.ui-tabs-nav .ui-tabs-selected a {
    background: url(../images/menu_inner_01.png) no-repeat;
	position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    /*background-position: 100% -23px;*/
}
.ui-tabs-nav a span {
    /*background: url(../images/menu_inner_01.png) no-repeat;*/
	padding-top: 1px;
    padding-right: 0;
    height: 40px;
   /* background-position: 0 0;*/
    line-height: 40px;
}
.ui-tabs-nav .ui-tabs-selected a span {
   /* background: url(../images/menu_inner_02.png) no-repeat;*/
	padding-top: 0;
    height: 27px;
    /*background-position: 0 -23px;*/
    line-height: 27px;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    background: url(../images/menu_inner_01.png) no-repeat;
	cursor: crosshair;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
	cursor: text;
	background: url(../images/menu_inner_01.png) no-repeat;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.ui-tabs-panel {
	/*border: 1px solid #519e2d;*/
    padding: 10px;
	/*background-image: url(../images/tab-back.png);*/
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

.liste1  {
	margin: 10px 0 0 15px;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
}
.liste {
	background: url(../images/check.gif) 0 60% no-repeat; /*scroll left 4px*/
	padding: 2px 4px 0px 10px;
}
.profilyaz {
	width: 450px;
	float: left;
	text-align: justify;
	color: #999;
}
.profilyon {
	width: 500px;
	float: left;
}
.clear {
clear:both;
}
.body_areabackground{
	width:100%;
	height:242px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #dcd66e;
	text-decoration: none;
	padding: 0px;
	float: left;
	background-attachment: scroll;
	background-image: url(../images/bodyarea1_bg.jpg);
	background-repeat: repeat-x;
}#body_area1{
	width:1004px;
	height:242px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #dcd66e;
	text-decoration: none;
	padding: 0px;
	float: none;
	background-attachment: scroll;
	background-image: url(../images/bodyarea1_bg.jpg);
	background-repeat: repeat-x;
}
.inner_tabarea {
	margin: 0px;
	float: left;
	height: 242px;
	width: 453px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 27px;
}

.inner_menu {
	padding: 0px;
	float: left;
	height: 28px;
	width: 400px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.tab_text {
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	color: #928f83;
	text-decoration: none;
	margin: 0px;
	float: left;
	width: 403px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.tab_readmore {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #928f83;
	text-decoration: none;
	margin: 0px;
	float: left;
	width: 403px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}

.innermenu {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-image: url(../images/menu_inner_02.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 20px;
	width: 81px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-decoration: none;
}
.innermenu:hover {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background-image: url(../images/menu_inner_01.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 20px;
	width: 81px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-decoration: none;
}
.innermenu_hover {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background-image: url(../images/menu_inner_01.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 20px;
	width: 81px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-decoration: none;
	cursor:text;
}.tab_head {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #f5430a;
	text-decoration: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.tab_head1 {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #09F;
	text-decoration: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.tablink {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #928f83;
	text-decoration: underline;
}
.tablink:hover {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: underline;
}
.readmore {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #3b3b3b;
	text-decoration: none;
	background-image: url(../images/readmore.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: right;
	height: 20px;
	width: 396px;
	padding-top: 9px;
	padding-right: 9px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.readmore:hover {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #3b3b3b;
	text-decoration: none;
	background-image: url(../images/readmore1.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: right;
	height: 20px;
	width: 396px;
	padding-top: 9px;
	padding-right: 9px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.login_area {
	background-image: url(../images/loginbg.png);
	background-repeat: no-repeat;
	padding: 0px;
	float: left;
	height: 170px;
	width: 286px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.login_head {
	font-family: Arial;
	font-size: 20px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	float: left;
	height: 33px;
	width: 230px;
	background-image: url(../images/login_head.png);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 38px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.login_textarea {
	font-family: Arial;
	font-size: 20px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	float: left;
	width: 258px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}.login_name {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #a6a6a6;
	text-decoration: none;
	margin: 0px;
	float: left;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 55px;
}


.login_box {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #a6a6a6;
	text-decoration: none;
	margin: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.logintextbox {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 18px;
	width: 180px;
	border: 1px solid #666666;
}.logintextbox:hover {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 18px;
	width: 180px;
	border: 1px solid #333333;
}
.register {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #fcb340;
	text-decoration: none;
	background-image: url(../images/login_buttons_01.png);
	background-repeat: no-repeat;
	float: left;
	height: 18px;
	width: 115px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 13px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 67px;
}
.register:hover {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/login_buttons1_01.png);
	background-repeat: no-repeat;
	float: left;
	height: 18px;
	width: 115px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 13px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 67px;
}
.login {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/login_buttons_02.png);
	background-repeat: no-repeat;
	float: left;
	height: 18px;
	width: 40px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
.login:hover {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #fcb340;
	text-decoration: none;
	background-image: url(../images/login_buttons1_02.png);
	background-repeat: no-repeat;
	float: left;
	height: 18px;
	width: 40px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
.toolfree_area {
	float: left;
	height: 170px;
	width: 210px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;

	padding-left: 20px;
}.call_free {
	font-family: Arial;
	font-size: 17px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 200px;
}
.callus {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/call.png);
	background-repeat: no-repeat;
	float: left;
	height: 23px;
	width: 61px;
	padding-top: 11px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.callno {
	margin: 0px;
	float: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.bookmark {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #f4eed0;
	text-decoration: none;
	background-image: url(../images/bookmark.png);
	background-repeat: no-repeat;
	float: left;
	height: 28px;
	width: 152px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 42px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.facing {
	background-image: url(../images/facing.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 66px;
	width: 143px;
}
