html, body, 
h1, h2, h3, h4, h5, h6, 
b, u, i,
abbr, acronym, address, blockquote, cite, code, strike, strong, sub, sup, tt, var,
big, em, small,
a,  
div, del, dfn, 
font, 
img, ins, kbd, q, s, samp,
pre,
span, applet, object, iframe,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

p {
	border: 0;
	outline: 0;
}

html {overflow-y: scroll; height: 100%;/* scrollbar fix */}

body {
	font: normal 12px Verdana,Arial,Helvetica,sans-serif;
	width: 100%;
	color: #6B6B6B;
	overflow: hidden;
	background: #FFFFFF;
    line-height:170%;
}

#wrapper {
	width: auto;
	margin: 0 auto
	height:auto !important;
	margin-left: auto;
	margin-right: auto;
	max-width: 980px;
	min-width: 920px;margin:0 auto 0;
	border-right:0px solid #DCF1FC;
	border-left:0px solid #DCF1FC;
	background: #FFFFFF;
}

/* SEO */
#bahar {display:none; position:absolute;left:1600px;top:150px;}



/* Header
-----------------------------------------------------------------------------*/
#header {clear: both;height:45px; margin-bottom:2px;margin-top:8px;border-bottom:1px solid #e4e4e4;}

h5#logo {float:left; width:15%; margin-top:0.5em;margin-left:5px;}
h5#info {float:left; margin-top:5px;}

/* menu */
#menu {margin-top:5px; padding:0; list-style:none; color:#fff; line-height:45px; display:inline-block; float:left; z-index:1000;}
#menu > li { cursor:pointer; float:left; position:relative;padding:0px 25px;}
#menu .logo {background:transparent none repeat scroll 0% 0%; padding:0px; background-color:Transparent;}

/* sub-menus*/
#menu ul { padding:0px; margin:0px; display:block; display:inline;background-color:#ECF9FF; }
#menu li ul { position:absolute; top:0px; margin-top:40px; width:150px; line-height:14px; 
			  background: transparent url('main/submenu_bg.gif');;
			  color:#49B2DF; /* for IE */ display:none;  z-index:1002;}
#menu li:hover ul { display:block;}
#menu li ul li{ display:block; margin:2px 10px; padding: 5px 0px; list-style-type:none;}
#menu li ul li:first-child { border-top: none;}
#menu li ul li:last-child {;}


#content {clear: both;margin:0;background: #FFFFFF;}

#footer {
	clear: both;border-top: 1px solid #C4ECFF;
	font-size: 10px;
	text-align: center;
	height: 25px;
	background: #C4ECFF url('main/footer_bg.gif');
}

a       {color:#009EEA; text-decoration:none;}
a:hover {color:#2BA800;}
a:focus {outline:0;} /* must have */
a[target="_blank"] {/*display:inline-block;	line-height:18px; icon height background:url('action/browse.png') center left no-repeat; padding-left:20px; */}

dfn {font-style:normal; font-weight:normal	}

h1, h2, h3, h4, h5, h6 {
	margin:.5em 0 .2em 0;
	padding:0;
}
h1 {font: normal 16px Verdana,Arial,Helvetica,sans-serif;color:#808000;}
h2 {font: normal 15px Verdana,Arial,Helvetica,sans-serif;color:#808080;}
h3 {font: normal 14px Verdana,Arial,Helvetica,sans-serif;}
h4 {font: normal 13px Verdana,Arial,Helvetica,sans-serif;}
h5 {font: normal 12px Verdana,Arial,Helvetica,sans-serif;}
h6 {font: normal 08px;display:block;}

hr {border:0; height:1px;
    color:#EAEAEA; /* for IE */
    background-color:#EAEAEA; /* for Mozilla */
}

ul.o > li {list-style: circle outside;}

/* column layouts*/
.col2-left {overflow:hidden;margin-top:10px;margin-right:6px;float:left;width:49%;clear:both;}
.col2-right{overflow:hidden;margin-top:10px;margin-left:6px; float:left;width:49%}
.col-full {clear:both;overflow:hidden;margin-top:10px;margin-right:5px;float:left;width:100%}
.col4-1{clear:both;overflow:hidden;margin-top:10px;margin-right:5px;float:left;width:25%}
.col4-2{overflow:hidden;margin-top:5px;margin-left:10px; float:left;width:24%}
.col4-3{overflow:hidden;margin-top:5px;margin-left:10px; float:left;width:24%}
.col4-4{overflow:hidden;margin-top:5px;margin-left:10px; float:left;width:24%}

.db {display:block}

.fr {float:right}

/* align */
.r  {text-align:right;}
.l  {text-align:left;}
.c  {text-align:center;}
.j  {text-align:justify;}
.ab {vertical-align:text-bottom;}
.vm {vertical-align:text-bottom;}
.fl {float:left}
.fr {float:right}

/* colors */
.cw  {color:#FFFFFF;} /* red */
.cr  {color:#EC0000;} /* red */
.cb  {color:#009EEA;} /* blue */
.co  {color:#FF9900;} /* orange */
.cg  {color:#339933;} /* green */
.cbg  {background-color:#339933;} /* red */
.even{background-color:#F4F4F4;} /* green */
.odd {background-color:#FFFFFF;} /* green */
.bar {background-color:#F0FAFF;} /* green */

/* ajax */
.ajax-loader-bars {background: url('main/ajax-loader-bars.gif') no-repeat;}
.ajax-loader      {background: url('main/ajax-loader.gif') no-repeat;}

/*grbac */
.login  {}
.logout {}
.account{}


.bullet  {height:16px; padding-left:20px; background: url('main/bullet.png')  no-repeat; background-position:0 0; }

/* rollover icons 
------------------------------------------------------------------------------- */
/* logo */
.ro_logo {width:57px; height:32px; background: url('main/ro_logo.gif') no-repeat; background-position:0 0; }
.ro_logo:hover { background-position: 0 -32px; }

/* header menu icons */
.ro_prod {width:70px; padding-left:38px; height:32px; display:block;background: url('main/menu/ro_products.gif') no-repeat; background-position:0 0; }
.ro_prod:hover { background-position: 0 -32px; }

/* other menu icons */
.ro_gen {width:40px; padding-left:20px; height:16px; background: url('main/menu/ro_gen.gif') no-repeat; background-position:0 0; float:left; }
.ro_gen:hover { background-position: 0 -16px; }

/* i32 icons */
.ma_32dashboard {width:32px; padding-left:20px; height:32px; background: url('main/i32/dashboard.png') no-repeat; background-position:0 0; float:left; }
.ma_22dashboard {width:32px; padding-left:26px; height:22px; background: url('main/i22/dashboard.png') no-repeat; background-position:0 0; float:left; }
.ma_32panel     {width:32px; padding-left:20px; height:32px; background: url('main/i32/panel.png') no-repeat; background-position:0 0; float:left; }

.dummy    {width:240px; padding-left:20px; height:20px; background: url('main/i16/dummy.png')    no-repeat; background-position:0 0; float:left; }
.analyse  {width:240px; padding-left:20px; height:20px; background: url('main/i16/analyse.png')  no-repeat; background-position:0 0; float:left; }
.cart     {width:240px; padding-left:20px; height:20px; background: url('main/i16/cart.gif')   no-repeat; background-position:0 0; float:left; }
.config   {width:240px; padding-left:20px; height:20px; background: url('main/i16/config.png')   no-repeat; background-position:0 0; float:left; }
.dashboard{width:140px; padding-left:20px; height:20px; background: url('main/i16/dashboard.png')   no-repeat; background-position:0 0; float:left; }
.delete   {width:140px; padding-left:20px; height:20px; background: url('main/i16/delete.png')   no-repeat; background-position:0 0; float:left; }
.down   {width:140px; padding-left:20px; height:20px; background: url('main/i16/down.png')   no-repeat; background-position:0 0; float:left; }
.error    {width:240px; padding-left:20px; height:20px; background: url('main/i16/error.png')   no-repeat; background-position:0 0; float:left; }
.fail     {width:240px; padding-left:20px; height:20px; background: url('main/i16/fail.png')   no-repeat; background-position:0 0; float:left; }
.gadd     {width:auto;  padding-left:20px; height:20px; background: url('main/i16/gadd.png')   no-repeat; background-position:0 0; float:left; }
.gminus   {width:auto;  padding-left:20px; height:20px; background: url('main/i16/gminus.png')   no-repeat; background-position:0 0; float:left; }
.help     {width:auto;  padding-left:20px; height:20px; background: url('main/i16/help.png')   no-repeat; background-position:0 0; float:left; }
.info     {width:auto;  padding-left:20px; height:20px; background: url('main/i16/info.png')   no-repeat; background-position:0 0; float:left; }
.inventory{width:auto;  padding-left:20px; height:20px; background: url('main/i16/inventory.png')   no-repeat; background-position:0 0; float:left; }
.kbuilder {width:240px; padding-left:20px; height:20px; background: url('main/i16/kbuilder.png') no-repeat; background-position:0 0; float:left; }
.link_new {width:16px;  padding-left:0px; height:20px; background: url('main/i16/link_new.png')   no-repeat; background-position:0 0; float:left; }
.next     {width:16px;  padding-left:0px; height:20px; background: url('main/i16/next.png')   no-repeat; background-position:0 0; float:left; }
.manage   {width:240px; padding-left:20px; height:20px; background: url('main/i16/manage.png')   no-repeat; background-position:0 0; float:left; }
.panel    {width:140px; padding-left:20px; height:20px; background: url('main/i16/panel.png')   no-repeat; background-position:0 0; float:left; }
.pass     {width:140px; padding-left:20px; height:20px; background: url('main/i16/pass.png')   no-repeat; background-position:0 0; float:left; }
.pdf      {width:140px; padding-left:20px; height:20px; background: url('main/i16/pdf.png')   no-repeat; background-position:0 0; float:left; }
.pie      {width:140px; padding-left:20px; height:20px; background: url('main/i16/pie.png')   no-repeat; background-position:0 0; float:left; }
.previous {width:16px; padding-left:20px; height:20px; background: url('main/i16/prev.png')   no-repeat; background-position:0 0; float:left; }
.prev     {width:140px; padding-left:20px; height:20px; background: url('main/i16/prev.png')   no-repeat; background-position:0 0; float:left; }
.plans    {width:240px; padding-left:20px; height:20px; background: url('main/i16/plans.png')    no-repeat; background-position:0 0; float:left; }
.queue    {width:auto; padding-left:20px; height:20px; background: url('main/i16/queue.png')    no-repeat; background-position:0 0; float:left; }
.question {width:140px; padding-left:20px; height:20px; background: url('main/i16/question.png')  no-repeat; background-position:0 0; float:left; }
.reports  {width:240px; padding-left:20px; height:20px; background: url('main/i16/reports.png')  no-repeat; background-position:0 0; float:left; }
.recheck  {width:18px; padding-left:20px; height:20px; background: url('main/i16/recheck.png')  no-repeat; background-position:0 0; float:left; }
.save     {width:auto; padding-left:20px; height:20px; background: url('main/i16/save.png')    no-repeat; background-position:0 0; float:left; }
.up       {width:auto; padding-left:20px; height:20px; background: url('main/i16/up.png')    no-repeat; background-position:0 0; float:left; }
.warn     {width:auto; padding-left:20px; height:20px; background: url('main/i16/warn.png')    no-repeat; background-position:0 0; float:left; }
.w3c      {width:240px; padding-left:20px; height:20px; background: url('main/i16/w3c.jpg')      no-repeat; background-position:0 0; float:left; }

.download {width:120px; padding-left:20px; height:16px; background: url('main/i16/download.gif') no-repeat; background-position:0 0; float:left; }
.download:hover { background-position: 0 -16px; }

/* my account panel icons */
.ma_sitemap {width:16px; padding-left:20px; height:32px; background: url('main/panel/sitemap.gif') no-repeat; background-position:0 0; float:left; }


table {width:100%;text-align:left; border-collapse: collapse;}
th {cell-spacing:4px; padding:5px;}
td {cell-spacing:2px; padding:3px;}

table.main_menu {}
table.main_menu >th {background:#ECF9FF;border-bottom:1px solid #EFEDE9;font-weight:normal;font-size:14px;}
table.main_menu >td {background:#ECF9FF;border-bottom:1px solid #EFEDE9;} /* loading sits here to avoid screen jerk*/

table.sub_menu {}
table.sub_menu >th {background:#F4FCFF;border-bottom:1px solid #ECF9FF;}
table.sub_menu >td {background:#F4FCFF;border-bottom:1px solid #ECF9FF;}

/*table.kb {}
table.kb th.m{background: #DDFFDD;border-bottom:1px solid #EFEDE9;}
table.kb th  {background: #F0FFF0;border:1px solid #EFEDE9; border-bottom:0; border-top:0;}
table.kb td {padding:4px;height:26px;vertical-align: middle; border:1px solid #EFEDE9;}
*/

.tabcontent {
	background: #FFFFFF;
	padding:0px;
	position:relative;
	width:auto;
	overflow: auto ;
    height: 600px;
}
.scroll {
	background: #FFFFFF;
	padding:0px;
	position:relative;
	width:auto;
	overflow: auto ;
    height: 350px;
}
/* ??? 
.clearfloat {
	clear:both;
	font-size: 1px;
	height:0;
	line-height: 0px; }
*/


/* tooltip styling */ 
.tooltip { 
    display:none; 
    background:#FFFFCA;
	float:left;
    width:650px; 
	padding:4px;
    font-size:11px; 
    color:#5C5C5C; 
} 

/* a .label element inside tooltip 
ref: http://flowplayer.org/tools/download.html*/ 
.tooltip .g {color:#008000; width:85px;} 
.tooltip .e {color:#EC0000; width:85px;} 

.tooltip table     {padding:4px;border:1px dashed #55C8FF; border-collapse: collapse;background:#EEEEEE;color:#5F5F5F;}
.tooltip table th  {border:1px dashed #55C8FF;}
.tooltip table th.h{background:#C6ECFF;}
.tooltip table th.a{background:#DDF4FF;}
.tooltip table th.u{background:#0098E1;color:#FFF}
.tooltip table td  {border:1px dashed #55C8FF; padding:4px;}

/* rounder corner */
.rc_square {padding:8px; width:auto; border:1px solid #CCF0F9;}
.rc_red    {background-color:#FFECEC; padding:8px; width:auto; border:1px solid #E80000;}
.rc_green  {background-color:#EAFFEA; padding:8px; width:auto; border:1px solid #60CA60;}
.rc_orange {background-color:#FFF2DF; padding:8px; width:auto; border:1px solid #FF9900;}
.rounded_corner{padding: 8px;width: auto;border:1px solid #CCF0F9;}
.rc_menu {background-color: #ccf0f9;text-align:center;padding:0px;width: auto;border: 1px solid #ccf0f9;}
.rc_menu:hover {background-color: #ccffcc;}


/* standards from base appl */
.r  {text-align:right;}

.cr  {color:#DD0000;}
.tcr  {color:#DD0000;}
.tcg {color: #339900;}

/** seperate to style.css */
h1 {font-size: 18px;} h1:first-letter {font-size: 150%;}
h2 {font-size: 16px;} h2:first-letter {font-size: 150%;}
h3 {font-size: 14px;} h3:first-letter {font-size: 150%;}


.i32  {padding-left:40px; padding-top:10px; height:40px; background-position:0 0; }
.i32sad{background: url('i32/apps.png')  no-repeat;}
.i32sus{background: url('i32/users.png')  no-repeat;}

.i48  {padding-left:50px; padding-top:10px; height:60px; background-position:0 0; float:left}
.i48sd  {background: url('i48/sd.png')  no-repeat;}

li.ok {
	list-style:disc outside url(i16/go.png);
}

li.info {
	list-style:disc outside url(i16/info.png); line-height: 30px;
}

#content li.q {
	list-style:disc outside url(i16/q.png);
}

.bol {font-weight: bold}
.tac {text-align: center}
.pad-r30 {padding-right: 30px}
.pad-l30 {padding-left: 30px}
.pad-t10 {padding-top: 10px}
.pad-t20 {padding-top: 20px}
.pad-t30 {padding-top: 30px}
.pad-t40 {padding-top: 40px}

/* floats */
.row {width:100%;clear:both}
.fll {float:left}
.flr {float:right}

.tac {text-align: center}

.h70 {height:70px}
.h90 {height:90px}
.w150 {width:150px} .w160 {width:160px} .w170 {width:170px}
.w200 {width:200px} .w210 {width:210px}.w220 {width:220px}.w230 {width:230px}.w240 {width:240px}.w260 {width:260px}.w280 {width:280px}
.w300 {width:300px} .w306 {width:306px}.w320 {width:315px}.w340 {width:340px}.w360 {width:360px}.w380 {width:380px} .w33p{width:30%}
.w400 {width:400px} .w420 {width:420px}.w440 {width:440px}.w460 {width:460px}.w480 {width:480px}
.w500 {width:500px} .w520 {width:520px}.w540 {width:540px}.w560 {width:560px}


.a80 {
	background-color: #ffffff;	background: #ffffff;
	-khtml-opacity:.70; -moz-opacity:.70; -ms-filter:"alpha(opacity=70)"; filter:alpha(opacity=70);
	opacity:.70;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)";
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(css/border-radius.htc);
	border:0; padding:6px; -moz-border-radius:10px; -webkit-border-radius: 10px; border-radius: 10px;
}