body { 
margin : 0; 
font : 13px Tahoma, Tahoma, Arial, sans-serif; 
background : #f1f1f1 url(images/body-bg.png) repeat-x; 
text-align : center; 
} 
a:focus { 
outline : none; 
} 
a { 
text-decoration : underline; 
} 
a:hover { 
text-decoration : none; 
} 
img { 
border : none; 
} 
form, ul, p { 
margin : 0; 
padding : 0; 
} 
ul { 
list-style : none; 
} 
table { 
font-size:13px;
width : 100%; 
} 
div.right { 
text-align : right; 
} 
td.right { 
text-align : right; 
} 
td.center { 
text-align : center; 
} 
ul.listing { 
background-color : #fff; 
overflow : hidden; 
} 
ul.listing li { 
margin-top : 0; 
width : 100%; 
float : left; 
} 
ul.listing li label { 
float : left; 
width : 100px; 
font-weight : bold; 
text-align : right; 
} 
ul.listing li p { 
margin-left : 14px; 
float : left; 
display : inline; 
font : 12px Tahoma, Tahoma, Arial, sans-serif !important ; 
} 
ul.listing li.one { 
margin-left : -10px; 
background : url(images/icon-1.gif) no-repeat 5px; 
padding : 2px 10px 2px 30px; 
} 
ul.listing li.two { 
margin-left : -10px; 
background : #f8f8f8 url(images/icon-2.gif) no-repeat 5px; 
padding : 2px 10px 2px 30px; 
} 
ul.listing li.three { 
margin-left : -10px; 
background : #f1f1f1 url(images/icon-3.gif) no-repeat 5px; 
padding : 2px 10px 2px 30px; 
} 
ul.listing li.four { 
margin-left : -10px; 
background : url(images/icon-4.gif) no-repeat 5px; 
padding : 2px 10px 2px 30px; 
} 
ul.listing li.five { 
margin-left : -10px; 
background : #f8f8f8 url(images/icon-5.gif) no-repeat 5px; 
padding : 2px 10px 2px 30px; 
} 
ul.listing li.six { 
margin-left : -10px; 
background : #f1f1f1 url(images/icon-6.gif) no-repeat 5px; 
padding : 2px 10px 2px 30px; 
} 
.smalltext { 
font : 12px tahoma, verdana, arial, helvetica, sans-serif; 
} 
.smallblacktext { 
font : normal 7pt tahoma, verdana, arial, helvetica, sans-serif; 
color : #000; 
} 
.amaillog { 
background-color : #fff; 
padding : 10px; 
} 
.pagenav { 
text-align : center !important ; 
} 
blockquote { 
display : block; 
} 
.quoted_text { 
color : #1370a8; 
border-left : 1px solid #c0c0c0; 
padding-left : 1.5ex; 
line-height : 1.2em; 
} 
.quoted_link { 
line-height : 2em; 
cursor : pointer; 
color : #1370a8; 
display : inline; 
} 
.quoted_link a:link, .quoted_link a:visited { 
color : #1370a8; 
} 
.quoted_link a:hover { 
color : #1370a8; 
} 
.formholder { 
margin : auto; 
display : inline; 
position : relative; 
padding : 0 10px; 
} 
.center { 
text-align : center; 
} 
#error_box { 
background : url(images/error.gif) no-repeat 5px; 
width : 943px; 
margin : 10px auto 0; 
} 
#error_box p.error { 
margin : 0 !important ; 
padding : 10px 10px 10px 36px !important ; 
color : #ce2222 !important ; 
font-weight : bold !important ; 
} 
#message_box { 
background : url(images/message.gif) no-repeat 5px; 
width : 943px; 
margin : 10px auto 0; 
} 
#message_box p.message { 
margin : 0 !important ; 
padding : 10px 10px 10px 36px !important ; 
color : #2c2c2c !important ; 
font-weight : bold !important ; 
} 
.info #error_box, .info #message_box { 
margin-left : 10px; 
width : auto; 
} 
div.splash { 
padding : 10px; 
} 
div.splash a { 
font-size : 16px; 
font-weight : bold; 
text-decoration : none; 
} 
div.splash a:hover { 
font-size : 16px; 
font-weight : bold; 
text-decoration : underline; 
} 
div.splash p { 
color : #6a6a6a; 
padding-top : 2px; 
} 
div.splash-column { 
display : inline; 
float : left; 
width : 45%; 
} 
div.splash-divider { 
display : inline; 
float : left; 
width : 10%; 
} 
div.splash-row { 
clear : both; 
margin-top : 5px; 
} 
#container { 
width : 100%; 
height : 100%; 
text-align : center; 
} 
#main { 
margin : 0 auto; 
width : 980px; 
border : 1px solid #dadada; 
border-width : 0 2px 0; 
background : #fff; 
position : relative; 
overflow : hidden; 
} 
#header { 
width : 980px; 
height : 200px; 
background : #313a41 url(images/header-bg.gif) repeat-x; 
overflow : hidden; 
} 
#main h1 { 
margin : 0; 
right : 18px; 
width : 980px; 
height : 200px; 
} 
#main h1 a { 
display : block; 
width : 980px; 
height : 200px; 
text-indent : -9999px; 
background : url(images/logoh.png) no-repeat; 
} 
h3, .tabset { 
text-transform : uppercase; 
} 
#main .basmallah { 
font : 16px/20px Traditional Arabic , Tahoma , Arial, sans-serif;
position : absolute; 
margin : 0 auto; 
top : 5px; 
color : #fff !important ; 
font-weight : bold !important ; 
float : right; 
padding : 0 14px 0 15px; 
height : 20px; 
text-transform : uppercase; 
} 
#main .topnav { 
position : absolute; 
top : 155px; 
height : 20px; 
float : right; 
} 
#main .topnav li { 
padding : 0 14px 0 15px; 
height : 20px; 
text-transform : uppercase; 
} 
#main .topnav li.left { 
background : none; 
} 
#main .topnav li a { 
font : 14px/20px Tahoma, Arial, sans-serif; 
color : #fff; 
text-decoration : none; 
} 
#main .topnav li a:hover { 
text-decoration : underline; 
} 
#main .topnav li.active a { 
font-weight : bold; 
} 
#main .nav { 
left : 0; 
top : 170px; 
width : 980px; 
height : 36px; 
background : #1785c7 url(images/menu-bg.gif) repeat-x; 
overflow : hidden; 
} 
#main .navc { 
position : absolute; 
left : 0; 
top : 170px; 
width : 980px; 
height : 36px; 
background : #94cc4e url(images/menu-bg-c.gif) repeat-x; 
overflow : hidden; 
} 
.nav li, .navc li { 
float : right; 
} 
.nav li a { 
background-image : url(images/nav.gif) ; 
background-repeat : no-repeat; 
display : block; 
text-align : center; 
line-height : 36px; 
text-decoration : none; 
font-weight : bold; 
color : #fff; 
padding : 0 17px 0; 
} 
.navc li a { 
background-image : url(images/nav-c.gif); 
background-repeat : no-repeat; 
display : block; 
text-align : center; 
text-transform : uppercase; 
line-height : 36px; 
text-decoration : none; 
font-weight : bold; 
color : #fff; 
padding : 0 17px 1px; 
} 
.nav li:first-child a, .navc li:first-child a { 
background-position : -1px 0%; 
} 
.nav li:first-child a:hover, .navc li:first-child a:hover { 
background-position : -2px -36px; 
} 
.nav li:first-child .active a, .navc li:first-child .active a { 
background-position : 0% -72px !important ; 
} 
.nav li a, .navc li a { 
background-position : 0% 0%; 
} 
.nav li a:hover, .navc li a:hover { 
background-position : 0% -36px; 
} 
.nav .active a, .navc .active a { 
background-position : 0% -72px !important ; 
color : #2c2c2c; 
} 
.nav .neighbor a, .navc .neighbor a { 
background-position : -1px 0% !important ; 
} 
.nav .neighbor a:hover, .navc .neighbor a:hover { 
background-position : -1px -36px !important ; 
} 
#content { 
width : 980px; 
overflow : hidden; 
} 
#search-bar { 
background : url(images/search-bg.gif) repeat-x; 
width : 965px; 
height : 29px; 
padding : 5px 15px 0 0; 
text-align : left; 
border-bottom : 0 !important ; 
} 
#search-bar * { 
vertical-align : middle; 
} 
#search-bar a { 
color : #1370a8; 
} 
#search-bar .input { 
width : 150px; 
margin : 0 7px; 
} 
#search-bar .search { 
width : 80px; 
} 
#content .topblock { 
width : 980px; 
} 
#content .topblock .line { 
width : 980px; 
height : 0; 
border-bottom : 2px solid #dadada; 
} 
#content .topblock div ul { 
float : right; 
} 
#content .topblock div ul li { 
padding : 0 8px 0 16px; 
float : left; 
} 
#content .topblock div ul li a { 
font : bold 13px/34px Tahoma, Tahoma, Arial, sans-serif; 
color : #a2a2a2; 
text-decoration : none; 
font-weight : normal; 
} 
#content .topblock div .bookmark { 
margin-top : 9px; 
padding-bottom : 9px; 
width : 16px; 
height : 16px; 
cursor : pointer; 
} 
#content .topblock .on { 
background : url(images/star-on.gif) no-repeat; 
} 
#content .topblock div ul li .off { 
background : url(images/star-off.gif) no-repeat; 
} 
#content .topblock div ul li.active a { 
font-weight : bold; 
color : #6a6a6a; 
} 
#content .topblock div a.search { 
margin : 7px 20px 0 0; 
float : left; 
display : inline; 
padding-left : 25px; 
height : 20px; 
background : url(images/magnifier_zoom_in.gif) no-repeat 100% 0%; 
font : bold 13px/20px Tahoma, Arial, sans-serif; 
color : #8dc248; 
text-decoration : none; 
} 
#content .topblock div a.search-minus { 
margin : 7px 17px 0 0; 
float : left; 
display : inline; 
padding-left : 25px; 
height : 20px; 
background : url(images/magnifier_zoom_out.gif) no-repeat 100% 0%; 
font : bold 13px/20px Tahoma, Arial, sans-serif; 
color : #8dc248; 
text-decoration : none; 
} 
#content .topblock div a.search:hover, #content .topblock div ul li a:hover { 
text-decoration : underline; 
} 
#content .topblock p { 
margin : 13px 0 0 16px; 
font : 12px Tahoma, Arial, sans-serif; 
color : #6a6a6a; 
} 
#content .topblock p a { 
font-weight : bold; 
color : #1370a8; 
} 
#content .column { 
clear : both; 
margin-right : 15px; 
float : right; 
display : inline; 
width : 262px; 
overflow : hidden; 
} 
#content .block { 
margin-top : 13px; 
width : 260px; 
padding-bottom : 20px; 
border : 1px solid #c8c8c8; 
border-width : 0 1px 1px; 
background : url(images/block-botbg.gif) repeat-x 0% 100%; 
overflow : hidden; 
} 
#content .block .head { 
width : 100%; 
height : 34px; 
background : url(images/head-bg.gif) repeat-x; 
overflow : hidden; 
font : bold 12px/34px Tahoma, Arial, sans-serif; 
color : #2c2c2c; 
} 
#content .block .head h4 { 
margin : 0 13px 0 13px; 
float : right; 
display : inline; 
font : bold 12px/34px Tahoma, Arial, sans-serif; 
color : #2c2c2c; 
} 
#content .block .head a.button { 
margin : 6px 8px 0 0; 
float : right; 
display : inline; 
width : 57px; 
height : 22px; 
text-align : center; 
font : 11px/22px Tahoma, Arial, sans-serif; 
color : #4f4f4f; 
background : url(images/edit-button-bg.gif) no-repeat; 
text-decoration : none; 
} 
#content .column .block a.active { 
display : block; 
width : 100%; 
height : 26px; 
background : #8dc24a; 
text-align : center; 
font : bold 12px/26px Tahoma, Arial, sans-serif; 
color : #fff; 
text-decoration : underline; 
} 
#content .column .block a.inactive { 
display : block; 
width : 100%; 
height : 26px; 
background : #e9a328; 
text-align : center; 
font : bold 12px/26px Tahoma, Arial, sans-serif; 
color : #fff; 
text-decoration : underline; 
} 
#content .column .block a.fraud { 
display : block; 
width : 100%; 
height : 26px; 
background : #d82323; 
text-align : center; 
font : bold 12px/26px Tahoma, Arial, sans-serif; 
color : #fff; 
text-decoration : underline; 
} 
#content .column .block a:hover { 
text-decoration : none; 
} 
#content .column .block .clientinfo, #content .column .block .clientinfo2 { 
padding : 14px 10px 18px 20px; 
width : 230px; 
overflow : hidden; 
} 
#content .column .block .clientinfo2 { 
border-top : 1px solid #d3d3d3; 
padding-bottom : 12px; 
} 
#content .column .block .clientinfo p { 
font : 14px/16px Tahoma, Arial, sans-serif; 
color : #2c2c2c; 
} 
#content .column .block .clientinfo2 p { 
font : 12px/14px Tahoma, Arial, sans-serif; 
color : #2c2c2c; 
} 
#content .column .block .clientinfo a, #content .column .block .clientinfo2 a { 
color : #1370a8; 
} 
#content .column .block .clientinfo2 a.On { 
color : #95c656; 
} 
#content .column .block .clientinfo2 a.Off { 
color : #e25e2a; 
} 
#content .column ul.attn { 
margin : 12px 0 15px 0; 
width : 260px; 
overflow : hidden; 
} 
#content .column ul.attn li { 
width : 260px; 
margin-top : 2px; 
padding : 6px 7px 6px 7px; 
font : 12px/18px Tahoma, Arial, sans-serif; 
color : #2c2c2c; 
} 
#content .column ul.total { 
margin : 8px 0 20px 19px; 
width : 227px; 
overflow : hidden; 
} 
#content .column ul.total li { 
width : 227px; 
margin-top : 3px; 
height : 25px; 
float : left; 
background : url(images/dot-line.gif) repeat-x 0% 100%; 
} 
#content .column ul.total li p { 
margin-top : 5px; 
float : left; 
font : bold 12px/20px Tahoma, Arial, sans-serif; 
color : #2c2c2c; 
} 
#content .column ul.total li em { 
float : right; 
font : bold 20px/25px Tahoma, Arial, sans-serif; 
color : #a5a5a5; 
} 
#content .column ul.total li em.red { 
color : #ce2222; 
} 
#content .column ul.total li em.green { 
color : #8dc24a; 
} 
#content .column ul.total li em.orange { 
color : #e25e2a; 
} 
#content .stats { 
margin-top : 10px; 
} 
#content .statval { 
margin : 0 10px 0 5px; 
font : bold 20px/25px Tahoma, Arial, sans-serif; 
color : #a5a5a5; 
} 
#content .stat { 
margin-top : 5px; 
font : bold 12px/20px Tahoma, Arial, sans-serif; 
color : #2c2c2c; 
} 
#content .column .contacts div { 
padding-right : 10px; 
} 
#content .column .contacts p.text { 
padding : 15px; 
color : #696969; 
} 
#content .column .contacts ul { 
margin : 11px 0 0 9px; 
width : 243px; 
padding-bottom : 5px; 
overflow : hidden; 
} 
#content .column .contacts ul li { 
width : 243px; 
padding : 4px 0 0 0; 
float : left; 
} 
#content .column .contacts ul li label.input { 
padding : 4px 0 0 10px; 
display : inline; 
float : left; 
} 
#content .block li.title { 
width : 100%; 
background : #f1f1f1; 
border-bottom : 2px solid #dadada !important ; 
padding : 4px 0 2px !important ; 
overflow : hidden; 
} 
#content .block ul.title { 
width : auto; 
background : #f1f1f1; 
border-bottom : 2px solid #dadada !important ; 
padding : 4px 0 2px 12px !important ; 
overflow : hidden; 
} 
#content .block .title td { 
height : 24px; 
background : #f1f1f1; 
border-bottom : 2px solid #dadada !important ; 
overflow : hidden; 
} 
#content .block .title td { 
padding : 4px 10px 2px !important ; 
} 
#content .block .title h4 { 
margin : 0; 
font : bold 12px/22px Tahoma, Arial, sans-serif; 
color : #696969; 
} 
#content .block .gray { 
background : #f8f8f8; 
} 
#content .block .dark { 
background : #f1f1f1; 
} 
#content .block .yellow { 
background : #ffffda; 
} 
#content .block .click { 
cursor : pointer; 
} 


#content .menus  ul {

	list-style-type: none;
	list-style-position: outside;
}
#content .menus  li a { 
	display: block;
	width: 100%;
	border-bottom: 1px solid #333;
	text-decoration: none;
	padding: 5px 0;
} 
#content .menus  img.clear_img {
	vertical-align: middle;
	padding: 0;
	border: none;
	background: none
} 
#content .menus a:hover { 
background-color : #313a41; 
} 
#content .block .gray a { 
height : 24px; 
font : 12px/22px Tahoma, Arial, sans-serif; 
} 
#content .block .dark a { 
height : 24px; 
font : 12px/22px Tahoma, Arial, sans-serif; 
} 
#content .block .click a { 
height : 24px; 
font : 12px/22px Tahoma, Arial, sans-serif; 
} 
#content .block .click a:hover { 
height : 24px; 
font : 12px/22px Tahoma, Arial, sans-serif; 
background : #000000; 
width : 100%; 
} 
#content .block .expandable { 
background : #e1ecf3; 
display : none; 
} 
#content .block .expanded { 
background : #e1ecf3; 
} 
#content .column .contacts h4.col1, #content .column .contacts ul li a { 
margin-left : 14px; 
float : left; 
display : inline; 
} 
#content .column .contacts ul li span { 
font : 12px/26px Tahoma, Arial, sans-serif; 
font-weight : bold; 
margin-left : 14px; 
float : left; 
display : inline; 
color : #6a6a6a; 
} 
#content .column .contacts h4.col2, #content .column .contacts ul li p { 
float : right; 
width : 106px; 
} 
#content .column .contacts ul li a { 
font : 12px/26px Tahoma, Arial, sans-serif; 
color : #1370a8; 
} 
#content .column .contacts ul li p { 
font : 12px/26px Tahoma, Arial, sans-serif; 
color : #6a6a6a; 
} 
#content .column .actions ul { 
margin : 10px 0 0 12px; 
float : left; 
display : inline; 
width : 112px; 
overflow : hidden; 
} 
#content .column .actions ul li { 
width : 112px; 
float : left; 
margin-top : 8px; 
} 
#content .column .actions ul li a { 
padding-left : 24px; 
float : left; 
height : 16px; 
font : 12px/16px Tahoma, Arial, sans-serif; 
color : #1370a8; 
} 
#content .column .actions ul li.link1 a { 
background : url(images/application_form_add.gif) no-repeat 0% 100%; 
} 
#content .column .actions ul li.link2 a { 
background : url(images/user_add.gif) no-repeat 0% 100%; 
} 
#content .column .actions ul li.link3 a { 
background : url(images/email_open.gif) no-repeat 0% 100%; 
} 
#content .column .actions ul li.link4 a { 
background : url(images/note_add.gif) no-repeat 0% 100%; 
} 
#content .column .actions ul li.link5 a { 
background : url(images/cog_add.gif) no-repeat 0% 100%; 
} 
#content .column .actions ul li.link6 a { 
background : url(images/script_add.gif) no-repeat 0% 100%; 
} 
#content .column .actions ul li.link7 a { 
background : url(images/money_add.gif) no-repeat 0% 100%; 
} 
#content .column .actions ul li.link8 a { 
background : url(images/application_key.gif) no-repeat 0% 100%; 
} 
#content .column .share { 
margin : 24px 0 0 13px; 
width : 233px; 
overflow : hidden; 
} 
#content .column .share h3 { 
margin : 0; 
font : bold 12px/16px Tahoma, Arial, sans-serif; 
color : #2c2c2c; 
} 
#content .column .share img { 
display : block; 
margin-top : 12px; 
} 
#content .column .share a.link { 
display : block; 
margin-left : 8px; 
padding-left : 10px; 
font : 12px Tahoma, Arial, sans-serif; 
color : #1370a8; 
} 
#content .green { 
color : #8dc24a; 
} 
#content .red { 
color : #ce2222; 
} 
#content .orange { 
color : #e25e2a; 
} 
#content .highlight { 
background : #fdff6b; 
} 
#content .attn1 { 
background : #f3b2b2; 
} 
#content .attn2 { 
background : #f3deb2; 
} 
.attn3 { 
	background : #e9f3b2; 
	padding: 5px 0;
} 
#Clock { 
	background : #f3deb2; 
	padding: 5px 0;

} 
#content .info div.update { 
padding : 2px; 
} 
#content .info div.highlight { 
border : 0 dotted #000; 
background : #d6f3b2; 
} 
#content .main { 
margin-left : 12px; 
float : left; 
display : inline; 
width : 675px; 
overflow : hidden; 
} 
#content .fullmain { 
margin-left : 15px; 
float : left; 
width : 949px; 
overflow : hidden; 
} 
#content .main .block { 
width : 673px; 
} 
#content .fullmain .block { 
width : 947px; 
} 
#content .block .tabset { 
margin-top : 1px; 
height : 33px; 
} 
#content .block .tabset a { 
float : right; 
height : 33px; 
padding : 0 15px; 
font : 12px/33px Tahoma, Arial, sans-serif; 
color : #2c2c2c; 
text-decoration : none; 
border-left : 1px solid #d1d1d1; 
background : url(images/tabs-bg.gif) repeat-x; 
} 
#content .block .tabset a:hover { 
background : url(images/tabs-hoverbg.gif) repeat-x; 
} 
#content .block .tabset a.active, #content .block .tabset a.active:hover { 
background : #fff; 
} 
#content .main .block .info { 
margin : 10px 0 0 7px; 
width : 657px; 
} 
#content .main .block .info p { 
margin : 4px 8px 10px; 
color : #6a6a6a; 
} 
#content .fullmain .block .info { 
margin : 10px 0 0 7px; 
width : 931px; 
overflow : hidden; 
} 
#content .fullmain .block .info p { 
margin : 4px 8px 10px; 
color : #6a6a6a; 
} 
#content .main .block .info ul { 
padding-left : 10px; 
overflow : hidden; 
} 
#content .fullmain .block .info ul { 
padding-left : 10px; 
overflow : hidden; 
} 
#content .block .info ul li { 
float : left; 
font : 12px/26px Tahoma, Arial, sans-serif; 
color : #6a6a6a; 
} 
#content .block .info ul li p { 
font : 12px/26px Tahoma, Arial, sans-serif; 
color : #6a6a6a; 
} 
#content .block .info ul li p.red { 
color : #c70000; 
} 
#content .main .invoices .info ul li.col1 { 
width : 95px; 
} 
#content .main .invoices .info ul li.col2 { 
width : 90px; 
} 
#content .main .invoices .info ul li.col3 { 
width : 75px; 
} 
#content .main .invoices .info ul li.col4 { 
width : 76px; 
} 
#content .main .invoices .info ul li.col5 { 
width : 102px; 
} 
#content .main .invoices .info ul li.col6 { 
width : 98px; 
} 
#content .main .invoices .info ul li.col7 { 
width : 110px; 
} 
#content input.large { 
width : 250px; 
height : 16px; 
} 
#content .main .invoices .info ul li.col1 input { 
margin : 6px 14px 0 0; 
padding : 0; 
float : left; 
display : inline; 
width : 18px; 
height : 18px; 
overflow : hidden; 
} 
#content .main .invoices .info ul ul { 
padding : 0; 
width : 110px; 
} 
#content .main .invoices .info ul ul li { 
padding : 0 4px 0 6px; 
background : url(images/infolist-sep.gif) no-repeat 0% 8px; 
} 
#content .main .invoices .info ul ul li.first { 
background : none; 
padding-left : 0; 
} 
#content .main .invoices .info ul ul li a { 
color : #1370a8; 
} 
#content .main .invoices input.text { 
margin : 11px 0 0 0; 
display : inline; 
width : 200px; 
padding : 2px 4px; 
height : 16px; 
border : 1px solid #adadad; 
font : bold 12px/16px Tahoma, Arial, sans-serif; 
color : #303030; 
} 
#content input.button { 
margin : 10px 0 0 4px; 
} 
#content td { 
padding : 6px 10px; 
color : #6a6a6a; 
} 
#content a { 
color : #1370a8; 
} 
#content ul.pagelist { 
margin : 14px auto; 
width : auto !important ; 
height : auto; 
} 
#content ul.pagelist li { 
margin-left : 2px; 
display : inline; 
float : none !important ; 
} 
#content ul.pagelist li a { 
padding : 4px 7px; 
height : 21px; 
font : 12px/21px Tahoma, Arial, sans-serif; 
color : #1370b8; 
text-decoration : none; 
border : 1px solid #ddd; 
} 
#content ul.pagelist li a:hover { 
background : #eee; 
border : 1px solid #ccc; 
} 
#content ul.pagelist li.active { 
padding : 0 7px; 
border-color : #fff; 
color : #8dc24a; 
font-weight : bold; 
} 
#content ul.pagelist li.prev a { 
padding-left : 8px; 
} 
#content ul.pagelist li.next a { 
padding-right : 8px; 
} 
#content ul.pagelist li.prev a, #content ul.pagelist li.next a { 
border-color : #fff; 
} 
#content ul.pagelist li a:hover { 
text-decoration : underline; 
} 
#content .form { 
padding-bottom : 25px; 
} 
#content .form ul li.col1 { 
width : 352px; 
} 
#content .form ul li.col2 { 
width : 95px; 
} 
#content .form ul li.col3 { 
width : 44px; 
} 
#content .form ul li.col4 { 
width : 150px; 
} 
#content .form ul li.col1 h3 { 
text-indent : 5px; 
} 
#content .form ul li.col1 input, #content .form ul li.col2 input { 
margin-top : 5px; 
width : 334px; 
height : 16px; 
float : left; 
padding : 2px 4px; 
height : 16px; 
border : 1px solid #adadad; 
font : 12px/16px Tahoma, Arial, sans-serif; 
color : #303030; 
} 
#content .inner .contacts ul li input[type="text"] { 
margin : 2px 10px; 
width : 200px; 
height : 16px; 
float : left; 
padding : 2px 4px; 
height : 16px; 
border : 1px solid #adadad; 
font : 12px/16px Tahoma, Arial, sans-serif; 
color : #303030; 
} 
#content .form ul li.col2 input { 
width : 81px; 
} 
#content .form ul li.col3 input { 
margin : 6px 0 0 4px; 
padding : 0; 
float : left; 
display : inline; 
width : 18px; 
height : 18px; 
overflow : hidden; 
} 
#content .form .info ul ul { 
padding : 0; 
width : 150px; 
} 
#content .form .info ul ul li { 
padding : 0 4px 0 6px; 
background : url(images/infolist-sep.gif) no-repeat 0% 8px; 
} 
#content .form .info ul ul li.first { 
background : none; 
padding-left : 0; 
} 
#content .form .info ul ul li a { 
color : #ce2222; 
} 
#content .form .info ul ul li.first a { 
color : #1370a8; 
} 
#content .form .botinfo { 
margin : 7px 0 0 10px; 
width : auto; 
overflow : hidden; 
} 
hr { 
margin : 10px 0 0 0; 
padding-top : 7px; 
width : 100%; 
background : url(images/dot-line.gif) repeat-x; 
border : 0; 
overflow : hidden; 
} 
hr.flat { 
margin-top : 3px; 
padding : 0; 
} 
#content .form .botinfo li { 
margin-top : 4px; 
width : 100%; 
float : left; 
} 
#content .form .botinfo li label { 
float : left; 
width : 120px; 
font : bold 12px/22px Tahoma, Arial, sans-serif; 
color : #696969; 
text-align : right; 
} 
#content .form .botinfo li span input, #content .form .botinfo li span select { 
float : none !important ; 
margin-left : 0 !important ; 
} 
#content .form .botinfo li span { 
margin-left : 14px; 
padding : 3px 2px 3px 0; 
} 
#content .form .botinfo li p { 
margin-left : 14px; 
padding : 3px 2px; 
float : left; 
} 
#content .form .botinfo li div.text { 
width : 75%; 
margin-left : 14px; 
padding : 3px 2px; 
float : left; 
} 
#content .form .botinfo li input[type="text"], #content .form .botinfo li input[type="password"], #content .form .botinfo li input[type="radio"], #content .form .botinfo li select, #content .form .botinfo li textarea { 
margin-left : 14px; 
float : left; 
display : inline; 
padding : 3px 2px; 
border : 1px solid #adadad; 
font : 12px/16px Tahoma, Arial, sans-serif; 
color : #696969; 
} 
#content .form .botinfo li select.multiple { 
width : 175px; 
height : 150px; 
} 
#content .form .botinfo li input[type="checkbox"] { 
margin-left : 14px; 
float : left; 
display : inline; 
padding : 3px 2px; 
font : 12px/16px Tahoma, Arial, sans-serif; 
color : #696969; 
} 
textarea { 
width : 400px; 
height : 100px; 
padding : 3px 2px; 
border : 1px solid #adadad; 
font : 12px/16px Tahoma, Arial, sans-serif; 
color : #696969; 
} 
#content .form .botinfo li input.text { 
width : 81px; 
height : 16px; 
} 
#content .form .botinfo li a.cal { 
margin : 4px 0 0 6px; 
float : left; 
display : inline; 
width : 15px; 
height : 15px; 
text-indent : -9999px; 
background : url(images/cal-icon.gif) no-repeat; 
} 
#content .form .botinfo li input.box { 
margin-top : 3px; 
padding : 0; 
width : 18px; 
height : 18px; 
overflow : hidden; 
} 
#content .form .botinfo li a.link { 
display : block; 
font : 12px/16px Tahoma, Arial, sans-serif; 
color : #1370a8; 
} 
#content .login { 
width : 420px; 
margin : 200px auto; 
} 
#content .loginbox { 
width : 420px; 
background-color : #fff; 
} 
#footer { 
margin-top : 40px; 
width : 980px; 
border-top : 1px solid #dadada; 
padding-top : 10px; 
overflow : hidden; 
} 
#footer .p { 
clear : both; 
margin-top : 10px; 
margin-right : 15px; 
float : right; 
display : inline; 
width : 100px; 
overflow : hidden; 
} 


#footer .payment { 
margin-top : 10px; 
margin-left : 12px; 
float : left; 
display : inline; 
width : 750px; 
overflow : hidden; 
} 
#footer .payment a { 
display : inline; 
} 
.indentmenu { 
margin-top : 1px; 
height : 33px; 
} 
.indentmenu ul { 
margin : 0; 
padding : 0; 
height : 33px; 
background : url(images/tabs-bg.gif) repeat-x; 
} 
.indentmenu ul li { 
display : inline; 
} 
.indentmenu ul li a { 
position : relative; 
float : right; 
height : 33px; 
padding : 0 15px; 
font : 12px/33px Tahoma, Arial, sans-serif; 
color : black; 
text-decoration : none; 
border-left : 1px solid #d1d1d1; 
border-right : 1px solid #d1d1d1; 
background : url(images/tabs-bg.gif) repeat-x; 
cursor : pointer; 
} 
.indentmenu ul li a:hover { 
background : url(images/tabs-hoverbg.gif) repeat-x; 
} 
.indentmenu ul li a.selected { 
color : black !important ; 
background : #fff; 
} 
.tabcontentstyle { 
border : 1px solid gray; 
width : 450px; 
margin-bottom : 1em; 
padding : 10px; 
} 
.tabcontent { 
display : none; 
} 
@media print { 
.tabcontent { 
display : block !important ; 
} 
} 
.paperclip_caption { 
padding : 5px 5px 5px 5px; 
color : red; 
} 
.paperclip { 
border-collapse : collapse; 
border-spacing : 0; 
width : 130px; 
height : 175px; 
position : relative; 
font-size : 12px; 
padding : 34px 20px 0 20px; 
text-align : right; 
background-image : url(images/paperclip.png); 
background-repeat : no-repeat; 
background-position : center top; 
margin-bottom : 5px; 
vertical-align : top; 
} 
#maintransfer { 
height : 180px; 
width : 189px; 
} 
ul.gallery { 
position : relative; 
height : 295px; 
width : 685px; 
overflow : hidden; 
} 
:focus { 
outline : 0; 
} 
#navigation { 
font-size : 11px; 
width : 694px; 
height : 22px; 
position : absolute; 
top : 9px; 
left : 3px; 
list-style : none; 
} 
#navigation ul { 
list-style : none; 
padding : 0; 
margin : 0; 
} 
#navigation li { 
background : none; 
display : inline; 
} 
#main .glidecontentwrapper { 
visibility : hidden; 
left : 0; 
top : 0; 
width : 679px; 
/* height : 1600px; */
overflow : hidden; 
} 
#main .glidecontent { 
position : absolute; 
visibility : hidden; 
overflow : hidden; 
/* height : 1200px; */
} 
.indentmenu1 { 
margin-top : 1px; 
height : 33px; 
width : 100%; 
text-align : center; 
background : #ffd147 url(images/menu_productos.gif) repeat-x; 
clear : both; 
} 
.indentmenu1 ul { 
margin : 0; 
padding : 0; 
float : left; 
height : 33px; 
} 
.indentmenu1 ul li { 
display : inline; 
} 
.indentmenu1 ul li a { 
position : relative; 
float : right; 
height : 33px; 
width : 223px; 
font : 12px/33px Tahoma, Arial, sans-serif; 
cursor : pointer; 
background : url(images/menu_productos_btn.gif) 0 0; 
display : block; 
} 
.indentmenu1 ul li a:hover { 
background-position : 0 -34px; 
} 
.indentmenu1 ul li a.selected { 
color : black !important ; 
background-position : 0 -68px; 
} 
/* JOOMLA */

table.hosting_packages {
width:670px;
}
table.hosting_packages tr th {
font-weight:normal;
color:#336699;
}
table.hosting_packages tr th:hover {
font-weight:normal;
color:#000000;
}
table.hosting_packages tr td {
border-top:1px solid #CCCCCC;
padding: 3px 0px;
}

#left_container_sub3{width:262px; float:right; background:url('images/left_container_middle_bg.jpg') repeat-y 0 0;}
#left_container_sub3 .top_bg{width:262px; float:right; background:url('images/left_container_top_shadow_b.jpg') no-repeat 0 0; padding-left:0; padding-right:0; padding-top:10px; padding-bottom:0}
#left_container_sub3 .bottom_bg{width:262px; float:right; background:url('images/left_container_bottom_shadow.jpg') no-repeat 0 bottom; padding-left:0px; padding-right:0px; padding-top:8px; padding-bottom:180px}
#left_container_sub3 .left_navigation{width:262px; float:right; padding-bottom:33px;}
#left_container_sub3 .left_navigation ul{width:262px; float:right; list-style:none; line-height:15px;}
#left_container_sub3 .left_navigation ul li{width:262px; float:right; font-weight:bold; background:url('images/left_nav_divider.gif') no-repeat 0 bottom; padding-bottom:1px}
#left_container_sub3 .left_navigation ul li a{width:260px; float:right; text-align : right;  background:none; color:#2070a0; text-decoration:none;  padding:6px 13px; height:28px; cursor:pointer}
#left_container_sub3 .left_navigation ul li a:hover{width:220px; float:right; background:url('images/nav_hover_img.gif') no-repeat 0 0; color:#000000;  height:28px;text-decoration:none; padding-left:13px; padding-right:13px; padding-top:6px; padding-bottom:6px}
#left_container_sub3 .left_navigation ul li a.active{width:260px; float:right; background:url('images/nav_active_img.gif') no-repeat 0 0;color:#ffffff;  height:28px;text-decoration:none; cursor:text; padding-left:13px; padding-right:13px; padding-top:6px; padding-bottom:6px}
#left_container_sub3 .left_navigation ul li a.active:hover{width:260px; float:right; background:url('images/nav_active_img.gif') no-repeat 0 0; color:#000000;  height:28px;text-decoration:none; cursor:text; padding-left:13px; padding-right:13px; padding-top:6px; padding-bottom:6px}
#left_container_sub3 .left_navigation ul li a span.icon1{width:220px; float:right; background:url('images/information.png') no-repeat 0 4px; padding-right:40px; padding-right:0; padding-top:7px; padding-bottom:6px}
#left_container_sub3 .left_navigation ul li a span.icon2{width:220px; float:right; background:url('images/icon2.png') no-repeat 0 4px; padding-right:40px; padding-right:0; padding-top:7px; padding-bottom:6px }
#left_container_sub3 .left_navigation ul li a span.icon3{width:220px; float:right; background:url('images/wand-hat.png') no-repeat 0 4px;  padding-right:40px; padding-right:0; padding-top:7px; padding-bottom:6px}
#left_container_sub3 .left_navigation ul li a span.icon4{width:220px;float:right;background:url('images/icon4.png') no-repeat 0 4px;padding-right:40px; padding-right:0; padding-top:7px; padding-bottom:6px}
#left_container_sub3 .left_navigation ul li a span.icon5{width:220px; float:right; background:url('images/arrow-270.png') no-repeat 0 4px; padding-right:40px; padding-right:0; padding-top:7px; padding-bottom:6px}
#left_container_sub3 .left_navigation ul li a span.icon6{width:220px; float:right; background:url('images/script-text.png') no-repeat 0 4px; padding-right:40px; padding-right:0; padding-top:7px; padding-bottom:6px}
#left_container_sub3 .left_navigation ul li a span.icon7{width:220px; float:right; background:url('images/globe-green.png') no-repeat 0 4px; padding-right:40px; padding-right:0; padding-top:7px; padding-bottom:6px}
#left_container_sub3 .left_navigation ul li a span.icon8{width:220px; float:right; background:url('images/book.png') no-repeat 0 4px; padding-right:40px; padding-right:0; padding-top:7px; padding-bottom:6px}
#left_container_sub3 .left_navigation ul li a span.icon9{width:220px; float:right; background:url('images/application-blue.png') no-repeat 0 4px; padding-right:40px; padding-right:0; padding-top:7px; padding-bottom:6px}
#left_container_sub3 .left_navigation ul li a span.icon10{width:220px; float:right; background:url('images/credit-card.png') no-repeat 0 4px; padding-right:40px; padding-right:0; padding-top:7px; padding-bottom:6px}


#main .share{width:680px; float:right; background:#f6f6f6; border-bottom:2px solid #e7e7e7; padding:6px 10px 5px;}
#main .share .comment{width:auto; float:right; line-height:12px; padding-left:42px; padding-right:0; padding-top:6px; padding-bottom:7px}
#main .share p a{color:#2070a0; text-decoration:none;}
#main .share p a:hover{color:#2070a0; text-decoration:underline;}
#main .share ul{width:auto; float:left; list-style:none; font-size:10px; color:#6a6a6a; line-height:18px; font-style:italic;}
#main .share ul li{width:auto; float:left; margin-left:9px; display:inline;}

#main .comment_box{width:654px; float:left; padding-bottom:30px;}
#main .subject{width:654px; float:left; padding-bottom:8px;}
#main .subject .date_month{width:32px; float:left; margin-right:12px; height:45px; display:inline; background:url('images/comment_date_bg.gif') no-repeat 0 0;}
#main .subject .date_month .month_name{width:32px; text-align:center;  font-size:10px; line-height:10px; color:#ffffff; background:#000000; padding-bottom:2px; text-transform:uppercase;}
#main .subject .date_month .comment_date{width:32px; text-align:center; line-height:20px; color:#171717; font-weight:bold;} 
#main .subject h2{width:610px; float:right;  font-size:14px; text-align : right;  line-height:18px;  padding:1px 0 0}
#main .subject h2 small{ font-size:12px; width:610px; float:right; color:#6a6a6a; font-weight:normal;}
#main .subject h2 a{color:#2070a0; text-decoration:none;}
#main .subject h2 a:hover{color:#2070a0; text-decoration:underline;}
#main .comment_content{ font-size:12px; color:#6a6a6a; width:654px; float:right; text-align:right ; padding:5px 0 10px;}
#main .comment_content p{width:654px; float:right;  font-size:12px; line-height:14px; color:#6a6a6a; background:#ffffff; padding:0px 0 10px}
#main .comment_content p a{color:#2070a0; text-decoration:none; font-weight:bold}
#main .comment_content p a:hover{color:#2070a0; text-decoration:underline;}
#main .comment_content small a {font-weight: normal;}

/* table css */

table {
	width: 100%;
	border-top:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	margin:1em auto;
	border-collapse:collapse;
}

tr.odd .column1 {
	background:#ffffff;
}

.column1 {
	background-color:#daf2ff;
}

.column2 {
	background-color:#eaffd3;
}

.column3 {
	background:#ffffff; /* no alternating rows for now */
}

.column4 {
	background-color:#eaf5a1;
}

.column5 {

	background-color:#ef8181;
}


td.nobg {
	border-top:1px solid #ffffff;
	border-left:0;
	border-right:1px solid #ffffff;
	background:none;
}

td.nobgbot {
	border-bottom:1px solid #ffffff;
	border-left:0;
	border-right:1px solid #ffffff;
	background:none;	
}

td {
	color:#6a6a6a;
	border-bottom: 1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
	padding:.3em 1em;
	text-align:center;
}
th {
	font-weight:bold;
	color:#6a6a6a;
	text-align:center;
	border-bottom:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
}

thead th {
	background:#f2f2f2 url('images/table-bg.gif') repeat-x;
	text-align:center;
	font-size:14px; line-height:30px
}

tbody th {
	background:#f2f2f2;
	text-align:center;
	font-size:14px; line-height:30px
}

tfoot th{
	background:#eaffd3;
	text-align:center;
}

tfoot th strong {
	font-size:14px; line-height:30px;
}

tfoot th em {
	color:#f03b58;
	font-weight:bold;
	font-size:12px;
	font-style:normal;
}

ol {padding: 0 0 10px 35px; list-style: decimal;}
ol li {line-height: 20px;}

#imgSocial{
position:fixed;width:40px;height:250px;z-index:9999;left:0px;bottom:5%;background:url(images/barre/shadeMargin.png) no-repeat; padding-left:4px; padding-top:8px; padding-bottom:8px;}

#tiwt { background:url(images/barre/gsTwitter.png) center no-repeat; height:39px; width:39px; display:block;}
#tiwt:hover { background:url(images/barre/gsTwittero.png) center no-repeat; height:39px; width:39px; display:block;}
#face { background:url(images/barre/gsFacebook.png) center no-repeat; height:39px; width:39px; display:block;}
#face:hover { background:url(images/barre/gsFacebooko.png) center no-repeat; height:39px; width:39px; display:block;}
#flick { background:url(images/barre/gsFlickr.png) center no-repeat; height:39px; width:39px; display:block;}
#flick:hover { background:url(images/barre/gsFlickro.png) center no-repeat; height:39px; width:39px; display:block;}
#yout { background:url(images/barre/gsYoutube.png) center no-repeat; height:39px; width:39px; display:block;}
#yout:hover { background:url(images/barre/gsYoutubeo.png) center no-repeat; height:39px; width:39px; display:block;}
#rssp { background:url(images/barre/gsRss.png) center no-repeat; height:39px; width:39px; display:block;}
#rssp:hover { background:url(images/barre/gsRsso.png) center no-repeat; height:39px; width:39px; display:block;}
#linked { background:url(images/barre/gsLinkedin.png) center no-repeat; height:39px; width:39px; display:block;}
#linked:hover { background:url(images/barre/gsLinkedino.png) center no-repeat; height:39px; width:39px; display:block;}

.separator {
	background-color:	#dddddd;
}
.footer {
	color: 				#000080;
	font-family: 		"Verdana, Arial, Helvetica";
	font-size: 			10px;
}
.windowborder {
	background-color:	#cccccc;
}
.windowinside {
	background-color:	#eeeeee;
}
.errors {
	color: 				#FF0000;
	font-family: 		"Verdana, Arial, Helvetica";
	font-size: 			12px;
}

#main  .code-box {
background-color:	#cccccc;
}

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 10px solid navy;
border-bottom-width: 6px;
width: 400px; /*width of featured content slider*/
height: 250px;
}


.glidecontentwrapper{
	height:1600px;
	width:100%;
	margin-top: 10px;
	position: relative;
	visibility: hidden;
	overflow: hidden;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: white;
visibility: hidden;
width:100%;

}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 360px;
margin-top: 6px;
text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: inline-block;
border: 1px solid black;
color: #2e6ab1;
padding: 1px 3px;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a:hover{
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #1A48A4;
color: white;
}