/*--------by feroz DCKAP inc. 19-9-2009-----*/

body{ background:#000; font-size:62.5%; font-family:Arial, Helvetica, sans-serif; margin:0px auto; padding:0px; color:#FFFFFF; }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0px;padding:0px;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
input, textarea{ font-family:Arial, Helvetica, sans-serif; font-size:140%}

.leftc{ float:left;}
.rightc{ float:right;}
.cls{ clear:both}
.cl-l{ clear:left}
.cl-r{ clear:right}
.v-m{ vertical-align:middle}
.v-t{ vertical-align:top}
.v-b{ vertical-align:bottom}


.t-l{ text-align:left}
.t-r{ text-align:right}

.p-t5{ padding-top:5px}
.p-t10{ padding-top:10px}
.p-l10{ padding-left:10px}
.p-l5{ padding-left:5px}
.p-r5{ padding-right:5px}
.p-r10{ padding-right:10px}

.fontnormal{ font-size:120%;}
.fontnormal a{ color:#0066FF; text-decoration:none}
.fontnormal a:hover{ text-decoration:none; color:#FFFFFF}

.main{ width:1002px; height:auto; margin:0px auto; padding:0px; }

/*---------header-------------*/
.header{ position:relative; padding:0px; margin:0px}
h1.logo{ padding:0px; margin:0px}
h1.logo span {display: none;}

.hlinks{ font-size:110%; text-align:right}
.hlinks a{ padding:0px 2px 0px 2px; color:#FFFFFF; text-decoration:none}
.hlinks a:hover{ color:#07c6fe;}

.hlinks a.act{ color:#07c6fe;}


.breadcurm{ padding:0px; margin:0px; color:#FFFFFF;font-size:110%; padding-bottom:10px }
.breadcurm a{ background:url(../images/curm.gif) right 5px no-repeat; color:#07c6fe; padding-right:8px; text-decoration:none; font-weight:bold; margin-right:5px;}

body:first-of-type .menu{ width:745px; height:auto; font-size:110%; padding-top:50px}
.menu{ width:745px; height:auto; font-size:120%; padding-top:50px}
.menu ul{ padding:0px; margin:0px;}
.menu li{ float:left; margin:0px 0px 0px 1px}
.menu li a{ padding:0px 3px 0px 3px; text-decoration:none; color:#fff; display:block}
.menu li a:hover{ color:#07c6fe;border-bottom:#07c6fe 4px solid;}
.menu li a.active{ border-bottom:#07c6fe 4px solid; color:#07c6fe}
/*---------header-------------*/
/*--home page tab--*/
.tab{ margin:0px; padding:0px 0px 10px 0px}
.tab .box{ width:243px; height:auto;  }
.boxg{background:#7cb404 url(../images/sayaglifytab1.gif) 10px 10px no-repeat;margin-bottom:3px;width:243px; height:69px;cursor:pointer}
.boxo{ background:#ffa800  url(../images/sayagletab2.gif) 10px 10px no-repeat;margin-bottom:3px;width:243px; height:69px;cursor:pointer}
.boxp{ background:#ba00ff url(../images/sayapowertab3.gif) 10px 10px no-repeat;margin-bottom:3px;width:243px; height:69px;cursor:pointer}
.boxp .text{ padding:40px 0px 0px 65px; font-size:110%}
.text{ padding:40px 0px 0px 60px; font-size:110%}
.tab .boxcon{ width:737px; height:auto}
.tab .boxcon .con{ padding:10px}
.tab .boxcon .con h1{ font-weight:normal; font-size:330%; text-align:right}
.tab .boxcon .con h1 b{ font-weight:normal; font-size:40%; text-align:right; font-style:italic; color:#414141; font-weight:bold}

.tab .boxcon .con p{ font-size:120%}
.tab .boxcon .boxcong{background:#7cb404;min-height:213px; height:auto!important;height:213px}
.tab .boxcon .boxcono{background:#ffa800;min-height:213px; height:auto!important;height:213px}
.tab .boxcon .boxconp{ background:#ba00ff;min-height:213px; height:auto!important;height:213px}

.sayaglelist { padding:0px; margin:0px}
.sayaglelist ul{padding:0px; margin:0px}
.sayaglelist li{padding:0px; margin:0px 10px 0px 0px; float:left}
.sayaglelist h2{ color:#333333; font-weight:bold; font-size:190%; font-style:italic}
.sayaglelist li.sayaglelogos{background:url(../images/sayagle.gif) left top no-repeat;width:140px; height:150px; padding-left:83px }
.sayaglelist li.sayaglechatlogos{background: url(../images/sayachat.gif)  left top no-repeat;width:140px; height:150px; padding-left:83px }
.sayaglelist li.sayaglemobilelogos{background: url(../images/sayamobile.gif)  left top no-repeat;width:140px; height:150px; padding-left:83px }


/*--center content--*/
.centercontent{ padding:0px; margin:0px;}
.topheadings{ border-bottom:#2b2b2b 2px solid}
.curve1{ background:#2b2b2b; width:350px; }
.curve1 h1{ font-size:160%; padding:8px}
.two-col{ width:1002px; height:auto; margin:0px auto; padding:0px 0px 10px 0px}
.two-col h1{ font-size:320%; font-weight:normal; padding-bottom:10px;}
.two-col h4{font-size:220%; font-weight:normal; background:url(../images/c-q.gif) left top no-repeat; padding-left:30px; padding-top:10px; margin-top:20px }
.banners{ width:589px; height:auto; position:relative}
.signup{position:absolute;top: 76px;left: 430px;}
.banners h1{ font-size:490%; letter-spacing:-1px; font-weight:normal; line-height:1em}
.banners .about{ color:#07c6fe; font-size:120%; padding-top:10px}
.flash{width:406px; height:auto}

.aboutus{ padding:10px 0px 10px 0px;}
.aboutus .text{ padding:0px 0px 0px 230px; margin:0px; background:url(../images/comment-q.gif) 200px top no-repeat;}
.aboutus .text p{ padding-bottom:10px}
.aboutus .imgs{ padding-right:10px; padding-bottom:2px}
.aboutus .imgs h6{ font-size:120%; font-weight:normal; color:#FFFFFF; letter-spacing:normal}
/*---other con---*/
.common-coleft{ width:740px; height:auto;}
.common-coleft h1{ color:#CC6600; font-size:290%; font-weight:normal; letter-spacing:-1px}
.common-coleft h6{ color:#CC6600; font-size:180%; font-weight:normal; letter-spacing:-1px}
.common-coleft p{ font-size:120%;}
.common-colright{ width:250px; height:auto;}
/*--footer--*/
.footer{ background:#000;}
.footer .inner{ font-size:110%; width:1002px; margin:0px auto; padding:0px; height:80px; line-height:80px; color:#fff; border-top:#2b2b2b 2px solid}
*html .ie-footer{ padding-top:20px}
li.thumb {margin: 0; padding:0px;width: 240px;}
ul.thumb li {margin:3px; padding:0px;float:left;position: relative;	width:72px;height: 90px;}
ul.thumb li img {width:72px;height: 90px;border: 1px solid #ddd;padding: 0px;background:#f0f0f0;position: absolute;left: 0; top: 0;	-ms-interpolation-mode: bicubic; }
ul.thumb li img.hover {	background:#f0f0f0;	border: none;}

#main_view {float: left;padding: 9px 0;	margin-left: -10px;}

/*--services--*/
.sig-col{width:1000px; height:auto; margin:0px auto; padding:0px}
.sig-col h1{ font-size:320%; font-weight:normal}
ul.plans{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:1000px; font-size:120%; min-height:108px}
ul.plans .small{ font-size: 90%; color:#07c6fe}
ul.plans .plan{ text-align:center; padding-top:10px; padding-bottom:3px}
ul.plans li{ background:url(../images/services-sep.gif) right center no-repeat; float:left;padding:0px 10px 10px 0px; width:285px; height:auto; margin:0px 10px 0px 0px}
ul.plans li.last{ background:none}
ul.plans li ol { margin:0px 0px 0px 0px; padding:0px}
ul.plans li ol li{ float:none; background:none;list-style: lower-roman ; list-style-position:inside; padding:0px}
.plan-table{ padding:0px 0px 10px 0px; margin:0px}
.plan-table table{ width:1000px; height:auto; background:#e7e7e7;border-color:#CCCCCC  1px solid }
.plan-table table tr.org{ background:#f5b20f}
.plan-table table tr.org td{ padding:25px 5px 25px 5px; color:#000000; font-size:150%; text-align:left}
.plan-table table td table{ width:100%}
.plan-table table td table td{ padding:4px 5px 4px 5px;}
.plan-table table td.features{ color:#000000; font-size:120%; }

.plan-table table td.greenbg{color:#fff; font-size:120%; }
.plan-table table td.greenbg td{background:#a0d91d}
.plan-table table td.bluebg{color:#fff; font-size:120%} 
.plan-table table td.bluebg td{background:#1aa9d7}
.plan-table table td.redbg{ color:#fff; font-size:120%}
.plan-table table td.redbg td{ background:#d54317}
.plan-table table td.redbg td table{ border:#ea5e21 1px solid}
.plan-table table tr.greenbg td{ padding:20px 5px 20px 5px;font-size:120% }

.greenbg table{}
/*.c-q{ background: url(../images/c-q.png) left top no-repeat; padding:10px 0px 10px 30px}*/
.c-qg{ background: url(../images/g-cq.gif) left top no-repeat; padding:10px 0px 10px 30px}
.c-qo {  background:url(../images/o-cq.gif) left top no-repeat; padding:10px 0px 10px 30px}
.c-qp{  background: url(../images/p-cq.gif) left top no-repeat; padding:10px 0px 10px 30px}
.c-q b{ font-size:150%; padding-right:4px}
/*---cus-showcase--*/
.Customer-Showcase{ background:#c1c1c1; padding:10px 0px 10px 0px; margin:0px 0px 80px 0px}
.c-s-menu{width:246px; padding:0px; margin:0px; height:10px;}
.c-s-menu ul{ padding:0px 0px 0px 5px; margin:0px;}
.c-s-menu li{width:244px; height:auto; font-size:120%; font-weight:normal; padding:5px 0px 5px 5px }
.c-s-menu li a{ text-decoration:none; color:#FFFFFF; font-weight: bold}
.c-s-menu li a:hover{ text-decoration:underline}
.c-s-menu li#active{ background:#000; }
.c-s-gallery{width:729px; height: auto; padding:0px 0px 0px 0px; margin:0px 2px 0px 0px; background:#000}
#gallery {width: 720px; height:auto;  margin:0px auto 10px auto; padding:10px}
#gallery ul { list-style: none; }
.title{font-size:180%; color:#000000; text-decoration:underline;}
#gallery ul li { float:left; margin:0px 10px 0px 0px }
#gallery ul img {border: 5px solid #000;border-width: 5px 5px 20px;}
#gallery ul a:hover img {border: 5px solid #07c6fe;border-width: 5px 5px 20px;color: #fff;}
#gallery ul a:hover { color: #fff; }
/*-----contact--*/
.formcontact{ position:relative; width:700px; height:auto; margin:0px auto; padding:0px 0px 20px 0px}
.bt-s { padding-top:10px}
.bt-s div{ padding-bottom:8px;}
.forms{ width:590px; height:auto; background:#595959; padding:10px}
.shwform{ background: url(../images/formbg.gif) right center no-repeat; height:69px; width:606px; padding-left:28px; padding-top:4px}
.forms h3{ font-size:180%; font-style:italic; padding-bottom:4px}
.forms fieldset{ border:#fff 1px solid; border-bottom:0px; border-right:0px; border-left:0px; padding-left:280px; padding-bottom:10px}
.forms  legend{ }
.boxform{ padding:5px 0px 5px 0px; margin:0px}
.txtbg{ width:356px; height:106px; position:relative;float:left;background:url(../images/textareabox.gif) left  center no-repeat; z-index:9}
.txtbg textarea{overflow:auto;border:0px;position:absolute;	width:340px;	height:90px;	z-index:10;	top: 8px;	left: 7px; background:none;}
.boxform  label{ float:left; width:150px; font-weight:bold; font-style:italic; font-size:120%; text-align:left; padding-bottom:5px; padding-top:5px}
div.left-input{ background: url(../images/left-input.gif) left top no-repeat;float:left; padding-left:9px  }
div.left-input .inputb{ background:url(../images/right-input.gif) right top no-repeat; width:200px; border:0px; padding:5px 0px 10px 4px; float:left}
div.left-input .inputb input{ background: none; border:0px; width:190px}
.bt { font-size:190%; font-weight:bold; letter-spacing:-1px; width: auto; height: auto}
.bt a:acive{ outline:none}
.val-err{ font-size:110%; font-style:italic; color:#2d9be7; padding-left:150px;}
#map{ width:580px; height:auto; background:#fff; padding:0px; margin:10px}
#map pre{ color:#000000; font-size:120%}
address{ font-size:120%;}
address a{ color:#0066FF; text-decoration:none}
address a:hover{ text-decoration: underline}
.p-30{padding-left:30px;}
.p-30 a{ color:#0066FF; text-decoration:none}
.p-30 a:hover{ text-decoration: underline}
.p-30 p{ font-size:120%; padding:3px 0px 3px 0px}
ul#listst{ padding:10px 0px ; margin:0px}
ul#listst div.imgs img{ padding-right:5px; padding-top:4px}
ul#listst li{ list-style-type:lower-roman; list-style-position: outside; font-size:120%; margin-bottom:8px; line-height:14px}
/*---tell a frd--*/
.t-pos{position:absolute;z-index:4;top:320px;}
.tell-a-frd{ background:#000 url(../images/tellafriendbg.gif) left top no-repeat; width:700px; height:800px; position:relative; z-index:3}
.t-form{width:424px;height:auto;background:#595959;	 padding:10px}
.formsshd{background:#000 url(../images/tformbg.gif) left top no-repeat; padding-bottom:40px; padding-top:2px; margin-top:2px}
/*--steps--*/
.current-step{ width:123px; height:auto;}
.current-step .stepsfonts{ font-size:180%;}
.current-step h1{ font-size:3000%; font-weight:normal; padding:0px; margin:-75px 0px -50px 2px;}
*html .current-step h1{ font-size:3000%; font-weight:normal; padding:0px; margin:-75px 0px -50px 2px;}

.plansandsettings{ width:830px; height:auto; margin:0px; padding:0px}
.plansandsettings ul{ margin:0px; padding:0px}
.plansandsettings li{font-size:130%; float:left; color:#FFFFFF; margin:0px 0px 0px 0px}
.plansandsettings li.stp1{ background:#000 url(../images/stp1.gif) right top no-repeat; height:30px; width:55px}
.plansandsettings li.stp2{ background: #000 url(../images/stp2.gif) right top no-repeat; height:30px; width:58px}
.plansandsettings li.stp2 a{ text-decoration:none; color:#000; line-height:28px; padding-left:12px}
.plansandsettings li a{ text-decoration:none; color:#000; line-height:28px; padding-left:5px}
.plansandsettings li a:hover{ color:#0066FF; text-decoration:none}
.sigupplan{ margin:15px 0px 0px 0px; padding:0px; min-height:350px; height:auto!important; height:350px}
.sigupplan table{ margin-top:10px; background:#e7e7e7}
.sigupplan table td{ text-align:center; color:#000000}
.sigupplan table td table{ margin:0px; font-size:120%}
.sigupplan table td table td{ padding:5px 0px 5px 0px; }
.sigupplan table tr.org{ background:#f5b20f;;}
.sigupplan table tr.org td{ padding:20px 0px 0px 20px; text-align:center; font-size:120%; color:#000000; vertical-align:middle; font-weight:bold}
.sigupplan .widthform{width:810px; height:auto!important; min-height:350px; height:350px}
.sigupplan .widthform h1{ font-style:italic; font-size:190%}
.URL{ padding-top:10px; padding-left:5px; font-size:120%}
#listofthemes ul{ margin:0px; padding:0px}
#listofthemes li{margin-right:20px}

#listofthemes li div.boxtheme{ background:#fff; width:121px; height:120px;overflow: hidden; position:relative}
#listofthemes li div.boxtheme .imgtag{ display:table-cell;display: table-cell; vertical-align: middle; top:10px; position:absolute; left:10px}
#listofthemes li div.aboutthislink{ font-size:90%; font-weight:bold; padding-top:2px; font-style:italic}
#listofthemes li div.aboutthislink a{ color:#0066FF; text-decoration:none; padding:0px}
#listofthemes li div.aboutthislink a:hover{ text-decoration:underline; color:#FFFFFF}
#listofthemes li div.aboutthislink a:visited{ text-decoration:underline; color:#FFFFFF}
#listofthemes li div.aboutthislink span input{vertical-align:middle;}
.main_temp{height:400px; overflow-x:hidden; overflow-y:auto}
.tip-d{background:#fff; padding:10px; }
.tip-d .title{ font-style:italic; text-decoration:none;color:#0066FF}


/*--select--*/
.select-cat{ padding:0px; margin:0px}
.select-cat select.replaced {display: none;}
.select-cat ul.selectReplacement { background: url(../images/dropdownbg.gif) top right no-repeat; font-size:100%; margin: 0; padding:0; margin-top:2px; line-height:30px; height:30px; width:213px; color:#000000; position:absolute; z-index:1}
.select-cat ul.selectReplacement li {width:190px; color: #000; cursor: pointer; display: none; line-height:23px; list-style: none; margin: 0; padding: 1px 12px;  }
.select-cat ul.selectOpen li {display: block; border:#89a8b3 1px solid; border-top:1px; background:#fff; float:none}
.select-cat ul.selectReplacement li.selected {color:#000;display: block;}
.select-cat ul.selectOpen li.selected { /* background: #a2d0dd;*/display: block; color:#000000;  border-top:#89a8b3 1px solid;}
.select-cat ul.selectOpen li:hover,
.select-cat ul.selectOpen li.hover,
.select-cat ul.selectOpen li.selected:hover {background:#07c1fd;color: #fff; }
/*--select date--*/
.select-date{ padding:0px; margin:0px; position:relative}
.select-date select.replaced {display: none;}
.select-date ul.selectReplacement { background: url(../images/datebg.gif) top right no-repeat; font-size:100%; margin: 0; padding:0; margin-top:2px; line-height:30px; height:30px; width:112px; color:#000000; position:absolute; left:-0px; _left:-13px}
.select-date ul.selectReplacement li {width:100px; color: #000; cursor: pointer; display: none; line-height:23px; list-style: none; margin: 0; padding: 1px 12px; padding-left:10px }
.select-date ul.selectOpen{ height:200px; overflow-x:hidden; overflow-y:scroll}
.select-date ul.selectOpen li {display: block; border:#89a8b3 1px solid; border-top:1px; background:#fff; float:none}
.select-date ul.selectReplacement li.selected {color:#000;display: block;}
.select-date ul.selectOpen li.selected { /* background: #a2d0dd;*/display: block; color:#000000;  border-top:#89a8b3 1px solid;}
.select-date ul.selectOpen li:hover,
.select-date ul.selectOpen li.hover,
.select-date ul.selectOpen li.selected:hover {background:#07c1fd;color: #fff; }
/*--yaer--*/
/*--select date--*/
.select-year{ padding:0px; margin:0px; position:relative}
.select-year select.replaced {display: none;}
.select-year ul.selectReplacement { background: url(../images/yearbg.gif) top right no-repeat; font-size:100%; margin: 0; padding:0; margin-top:2px; line-height:30px; height:30px; width:90px; color:#000000; position:absolute; left:120px}
.select-year ul.selectReplacement li {width:60px; color: #000; cursor: pointer; display: none; line-height:23px; list-style: none; margin: 0; padding: 1px 12px; text-align:center }
.select-year ul.selectOpen{ height:200px; overflow-x:hidden; overflow-y:scroll}
.select-year ul.selectOpen li {display: block; border:#89a8b3 1px solid; border-top:1px; background:#fff; float:none}
.select-year ul.selectReplacement li.selected {color:#000;display: block;}
.select-year ul.selectOpen li.selected { /* background: #a2d0dd;*/display: block; color:#000000;  border-top:#89a8b3 1px solid;}
.select-year ul.selectOpen li:hover,
.select-year ul.selectOpen li.hover,
.select-year ul.selectOpen li.selected:hover {background:#07c1fd;color: #fff; }

/**--form--*/
#DHTMLgoodies_formTooltipDiv{color: #000;font-weight:bold;font-size:120%;line-height:120%;}
.DHTMLgoodies_formTooltip_closeMessage{	color:#0066FF;	font-weight:normal;	font-size:90%;}


/*--genral list--*/
.anchorLink{}/*--for jquery--*/
.listofstatics{ padding:0px; margin:0px;font-size:120%; text-align:right}
.addresss{ font-size:100%;}
.addresss a{ color:#0066FF; text-decoration:none}
.addresss a:hover{ text-decoration: underline}
.listofstatics div{ font-size:160%; padding-bottom:10px}
.listofstatics ul{ padding:0px; margin:0px}
.listofstatics li{ float:none; line-height:16px }
.listofstatics li a{ color:#FFFFFF; text-decoration:none}
.listofstatics li a:hover{ background: #0066FF; text-decoration:none}
.listgenrals{ padding:0px; margin:0px; font-size:120%;}
.listgenrals ul{padding:0px; margin:0px;}
.listgenrals li{ float:none;line-height:16px}
.listgenrals li p{font-size:110%; color:#fff; text-decoration:none; padding:10px 0px 10px 0px; text-align:justify; }
.listgenrals li a{ color:#FFFFFF; text-decoration:none}
.listgenrals li a:hover{ background:#0066FF; text-decoration:none}
.listgenrals li ol{ padding:0px 0px 0px 10px; margin:0px 50px 0px  10px}
.listgenrals li ol h6{ font-size:130%;}
.listgenrals li ol li{ list-style:square; list-style-position: outside; line-height:16px}
.ques{ font-size:140%; font-weight:bold; font-style:italic; padding-top:13px; color:#0066FF}
.ans{}
/*---designer login--*/
.designer-login{ padding:0px; margin:0px auto; width:963px; height:780px; background:#000 url(../images/d-bg.gif) 25px top  repeat-y; }
.reg-now{position:absolute;	right:0px;top: -5px;}
.d-menu{ width:245px; height:309px; padding:0px; margin:0px; background:url(../images/d-menubg.gif) 4px top no-repeat}
.d-menu ul{ margin:0px; padding:0px}
.d-menu li{ line-height:19px}
.d-menu li a{ text-decoration:none; color:#000000;}
.d-menu li a:hover{ color:#FFFFFF; background:#0066FF;}
.d-menu li a.xl{ font-size:140%}
.d-menu li a.xxl{ font-size:210%; font-weight:bold}
.d-menu li a.ml{ font-size:120%}
.d-con{ width:698px; height:780px;overflow:hidden }
.d-con .login p{ font-size:120%}
.d-con .login{ height:750px; width:698px; position:relative; }
.menucontent{ margin:50px}
.d-pw{width:580px}
.d-forms{ padding:0px 0px 40px 0px; margin:10px 10px 0px 10px}
.d-forms h1{ font-size:180%; padding:10px; font-style:italic}
.des-login-form{ width:474px;height:auto; margin:20px 0px 2px 0px; background:#595959;}
.des-reg-form{ width:680px; height:auto; background:#595959;}
.des-reg-form .val-err1{ font-size:110%; font-style:italic; color:#2d9be7; display:none}
.d-reg{height:auto; margin:20px 0px 2px 0px; background:#595959; width:inherit}
.d-shd{ background:url(../images/d-shld.gif) left top no-repeat; height:46px }
.rd-shd{ background:url(../images/reg-shd.gif) left top  no-repeat; height:40px; margin-top:2px}
.cols{ width:235px; height:auto; padding:0px; margin:0px}


.fonts { font-size:130%; padding:5px; text-transform: uppercase}
.fonts div{padding:3px 0px 3px 0px}