@charset "utf-8";
/* CSS Document */

 
/* Included CSS Files */
@import url(basic.css);
@import url(colors.css);
@import url(fontsizes.css);
@import url(effects.css);
@import url(buttons.css);
@import url(forms.css);
@import url(form2.css);
@import url(homepage.css);
@import url(dropdown.css);
/* Included CSS Files */

html, body {
    height: 100%;
    }

body{ color: #322f30; background-color:#f8f8f8;}
ul { margin:0 0 0 5px; padding:5px 5px 10px 15px; font-size: 14px;}
.ulsu { margin:0 0 0 5px; padding:5px 5px 10px 15px; font-size: 14px; list-style-image: url(/images/su-bullet.gif);}
.ulidx { font-size:16px; }

.header{  background-color:#FFF; border-bottom:1px solid #e0e0e0 }
.header .floatright{ line-height:67px}
.header .floatright img { position:relative; top:3px}

/* Top Navigation Starts */
 .mytopnav{ height:48px; background-color:#063250}
 .mytopnav ul { padding:0; height:48px; margin:0; }
 .mytopnav ul li { margin:0; padding:0; list-style:none; display:inline-block; }
 .mytopnav ul li a {display:block; color:#fff; padding:0 30px 0 30px; line-height:47px; font-weight:bold; border-right: 1px solid #063250; border-left: 1px solid #063250;   }
 .mytopnav ul li a:hover{ color:#fff; background-color:#0e4469; border-right: 1px solid #24587b; border-left: 1px solid #24587b; box-shadow: 0 0 6px #011b2c inset; 
 }
 .sel{ color:#fff !important; }
 
 /* Main Banner Starts */
 .banner{ height:399px; background-image:url(/images/bannerbg.gif); background-repeat:repeat-x;  }
 .banner .floatleft, .banner .floatright { position:relative; top:60px}
 .banner .floatleft{ width:395px;}
 .banner .floatleft h2 { margin-bottom:22px}
 .bannerbot{ height:13px; background-image:url(/images/botborder.png); background-repeat:repeat-x}
 /*Package Box */
.packagebox{ min-height:300px; padding-top:40px; padding-bottom:40px; background-color:#fff}
.packagebox .container_12{}
.packagebox .container_12 .grid_4 div { background-image:url(/images/packageboxbg.png); border-radius:6px; -webkit-border-radius:6px; overflow:hidden}
.packagebox .container_12 .grid_4 div h2 { background-image:url(/images/packagehead.png); line-height:54px; text-align:center; height:54px; margin:0; padding:0}
.packagebox .container_12 .grid_4 div ul{ text-align:center; padding:0; margin:0; margin-top:20px; margin-bottom:20px }
.packagebox .container_12 .grid_4 div ul li{ list-style-type:none; padding:5px}
.packagebox .container_12 .grid_4 div a { display:inline-block; color:#fff; width:149px; background-image:url(/images/btnbg.png); text-align:center; line-height:53px; height:53px; font-weight:bold; border-top:1px solid #154f76;}
.footerlist { display:inline-block; color:#fff; width:100%; background-image:url(/images/btnbg.png); text-align:center; line-height:17px; height:17px; font-weight:bold; border-top:1px solid #154f76;}
.packagebox .container_12 .grid_4 div a:hover{ background-image:url(/images/hover-btnbg.png); border-top:1px solid #dd630b}
.pckboxshadow{ position:absolute; bottom:-17px }
.bestbuy{ position:absolute; top:-5px; left:-6px}
/* Middle Content */
.contmid{ background-color:#f8f8f8; background-image:url(/images/midconbg.gif); background-repeat:repeat-x; background-position:top; padding-top:40px; padding-bottom:40px}
.spclhead{ line-height:30px; background-image:url(/images/linerbg.gif); text-align:center; margin-bottom:30px}
.spclhead span{ background:#f8f8f8; padding: 0 20px 0 20px}
/* how it works */
.contmid h4 { padding-top: 75px; background-repeat:no-repeat; background-position: top center; text-align:center; margin-bottom:20px}
.icon3{background-image:url(/images/icon3.png); }
.icon2{background-image:url(/images/icon2.png); }
.icon1{background-image:url(/images/icon1.png); }


/*options box */
.boxopt{ margin-top:40px; background-image:url(/images/optbxbg.png); height:199px; border:1px solid #f1f1f1; margin-bottom:40px}
.boxopt .grid_8 h3 { background-image:url(/images/icontv.png); padding-left:30px; line-height:52px; font-family:Georgia, "Times New Roman", Times, serif; background-repeat:no-repeat; background-position: center left}
.boxopt .grid_4{ background-image:url(/images/opt-sep.png); background-repeat:no-repeat; background-position:left 51px; height:180px; }
 .boxopt .grid_4 h3 { background-image:url(/images/iconchk.png); padding-left:30px; line-height:52px; font-family:Georgia, "Times New Roman", Times, serif; background-repeat:no-repeat; background-position: center left; }
  .boxopt .grid_4 input { width:100%}
      .boxopt .grid_4 div { position:relative}
    .boxopt .grid_4 div a { display:inline-block; background-image:url(/images/icon-gear.png); width:26px; height:23px; background-repeat:no-repeat; background-position:center; position:absolute; top:1px; right:-8px}
.boxopt .grid_4 h3, .boxopt .grid_8 h3 { margin-left:20px}
.boxopt .grid_8 ul { float:left; margin:0; padding:0; margin-left:18px; margin-top:16px}
.boxopt .grid_8 ul li { list-style:none;  padding-left:25px; background-image:url(/images/icon-chk.png); background-repeat:no-repeat; line-height:30px; font-size:14px;  }
/*Testimonial */
.testimonial{}
.testimonial .grid_6, .testimonial .grid_6 p  { font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:10px }
 
 /* Client */
 .clients{ height:123px; background-image:url(/images/clientbxbg.png); margin-top:40px; }
 .clients ul {  margin:0; padding:0; text-align:center}
 .clients ul li { list-style:none; display:inline-block; }
 .clients ul li a { display:block; width:180px; height:84px; background-image:url(/images/client-logo.png); margin-top:20px;    }
 
 /* Footer */
 .footer{ padding-top:32px; background-color:#3e3e3e; background-image:url(/images/footertop.png); background-repeat:repeat-x;   color:#fff}
 .footer .grid_3{ margin-top:20px; margin-bottom:20px }
 .footer .grid_3 h4{ color:#fff; margin-bottom:15px }
 .footer .grid_3 ul { margin:0; padding:0; margin-bottom:20px}
 .footer .grid_3 ul li { list-style-type:none; background-image:url(/images/footersep.gif); background-repeat:repeat-x; background-position:bottom; font-size:12px}
 .footer .grid_3 ul li a { display:block; line-height:30px; color:#8f8f8f}
.footerbot{background-color:#2a2a2a; background-image:url(/images/footerbot.png); padding-top:25px; background-position:top; background-repeat:repeat-x; min-height:40px; color:#fff}
.footerbot a { color:#fff; }
.newsletter{}
.newsletter input[type=text] { background:none; background-image:url(/images/newsletterbg.png); width:145px; height:44px; color:#6e6e6e; margin:0; padding:0; padding-right:70px; padding-left:5px;  border:none; background-repeat:no-repeat; margin-bottom:20px}
.newsletter input[type=button] { width:64px; height:35px; background:none; background-image:url(/images/subscribebtn.png); background-repeat:no-repeat; cursor:pointer; position:absolute; top:43px; left:153px;} 

/* Inner Pages Common */
.contmidin{ background-color:#FFF; min-height:400px; box-shadow:0px 3px 5px #dfdfdf}
.contmidin  .leftcol { width:252px; min-height:700px; background-color:#fcfcfc; border-right:1px solid #ebebeb; padding:15px;}
.leftcol h3 { font-family:Georgia, "Times New Roman", Times, serif2; font-style:italic; margin-bottom:15px}
.leftcol p{ margin-bottom:10px}
.iconon{ padding-left:23px; background-image:url(/images/icon-quick.gif); background-repeat:no-repeat; background-position:left center; }
 
.inrightcol{ padding:25px; width:90%; }
.inrightcol h1 { margin-bottom:10px}
/*----------------Compare Page CSS -------------------------*/
.crumbbox{ height:48px; background-image:url(/images/bannerbg.gif); line-height:48px}
.crumbbox a { color:#fff;}
.searchfld{ position:relative; top:-2px}
.searchfld input { width: auto}
 .searchfld  a { display:inline-block; background-image:url(/images/icon-search.png); width:26px; height:23px; background-repeat:no-repeat; background-position:center; position:absolute; top:15px; right:3px}
.quicksearch{ position:relative}
.quicksearch p { margin-bottom:10px}
    input[type="text"] {
    background-color: #FFFFFF;
    border: 1px solid #D6D6D6;
    border-radius: 3px 3px 3px 3px;
    height: 16px;
    padding: 4px;
    vertical-align: middle; width:240px} 
	
	.quicksearch a { background-image: url("/images/icon-gear.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 23px;
    position: absolute;
    right: 5px;
    top: 1px;
    width: 26px;}
	
.inquick{ border-bottom:1px solid #dfdfdf;  margin-bottom:20px; margin-top:18px}
.inquick h3, .sidetesti h3 { font-family:Georgia, "Times New Roman", Times, serif2; font-style:italic; margin-bottom:15px}
.sidetesti h3 { background-image:url(/images/icon-chat.gif)}
.sidetesti{ }
.clinttesti{ margin-top:20px; margin-bottom:40px}
.clinttesti	p { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#616161}

.comtablebx{ background-color:#fff; border:1px solid #d9d9d9; margin-top:20px; min-height:200px; overflow:hidden; box-shadow:0px 1px 1px #fff inset; border-radius: 6px 6px 0px 6px; }
.comptabletop{ height:53px; background-image:url(/images/btnbg.png) }
.comptabletop table tr td { line-height:50px; font-size:18px; font-weight:bold  }
.DataGrid cont{}
.DataGrid cont table tr   { background-color:#fff; padding:0px}
.DataGrid cont table tr td { border:1px solid #dfdfdf; padding:3px; border-left:none; border-bottom:none; padding-left:10px  }
.DataGrid cont table tr td:last-child  { border-right: none}
.DataGrid cont table tr:first-child td{ border-top:none;  }
.genbtn{ height:53px; background-image:url(/images/btnbg.png); color:#fff; display:block; line-height:52px; min-width:145px; text-align:center; border:1px solid #154f76 }
.genbtn:hover{ background-image:url(/images/hover-btnbg.png); color:#fff; border:1px solid #F26E06;}
.tablebuttons{ }
.tablebuttons ul { margin:0; padding:0}
.tablebuttons ul li { list-style:none; float:right;  padding:0; margin:0; }
.usrmenu{ }
.usrmenu ul { border:1px solid #e7e7e7; border-right:none; position:relative; left:16px; margin-top:10px}
.usrmenu ul li { border-bottom:1px solid #ebebeb; list-style-type:none; background-image:url(/images/usermenubg.jpg); }
.usrmenu ul li:last-child { border-bottom: none} 
.usrmenu a { color:#616161; height:32px; line-height:32px; display:block; padding-left:55px; font-size:14px; border-right:1px solid #e7e7e7; background-repeat:no-repeat; background-position:20px center }
.usrmenu a:hover{  background-color:#FFF; color:#25648d; font-weight:bold; border-right:1px solid #fff;  }








 .Profile{ background-image:url(/images/user.png)}
 .Monitors{ background-image:url(/images/computer.png)}
 .Reports{ background-image:url(/images/copy_page.png) } 
 .Check{ background-image:url(/images/accept.png)} 
 .help{ background-image:url(/images/help.png)} 
 .Contact{ background-image:url(/images/mail.png)} 
 .Upgrade{ background-image:url(/images/arrow_up.png)} 
 .Add{ background-image:url(/images/add.png)} 
 .Link{ background-image:url(/images/link.png)} 

 .SubAccounts{ background-image:url(/images/sub-account.png)}
 .TransMonitors{ background-image:url(/images/trans-monitors.png)}
 .AdvSearch{ background-image:url(/images/search-reports.png)}
 .BuySMS{ background-image:url(/images/sms-credits.png)}
 .Billing{ background-image:url(/images/billing-info.png)}
 .CloseAccount{ background-image:url(/images/close-account.png)}
 .AffAccount{ background-image:url(/images/affiliate-accounts.png)}
 .AffReports{ background-image:url(/images/affiliate-reports.png)}
 .AffLinks{ background-image:url(/images/affiliate-links.png)}
 
 .Mcafee{ background-image:url(/images/mcafee.png)}
 
 .Profile:hover{ background-image:url(/images/user-hover.png)}
 .Monitors:hover{ background-image:url(/images/computer-hover.png)}
 .Reports:hover{ background-image:url(/images/copy_page-hover.png) } 
 .Check:hover{ background-image:url(/images/accept-hover.png)} 
 .help:hover{ background-image:url(/images/help-hover.png)} 
 .Contact:hover{ background-image:url(/images/mail-hover.png)} 
 .Upgrade:hover{ background-image:url(/images/arrow_up-hover.png)} 
 .Add:hover{ background-image:url(/images/add-hover.png)} 
 .Link:hover{ background-image:url(/images/link-hover.png)} 

 .SubAccounts:hover{ background-image:url(/images/sub-account-hover.png)}
 .TransMonitors:hover{ background-image:url(/images/trans-monitors-hover.png)}
 .AdvSearch:hover{ background-image:url(/images/search-reports-hover.png)}
 .BuySMS:hover{ background-image:url(/images/sms-credits-hover.png)}
 .Billing:hover{ background-image:url(/images/billing-info-hover.png)}
 .CloseAccount:hover{ background-image:url(/images/close-account-hover.png)}
 .AffAccount:hover{ background-image:url(/images/affiliate-accounts-hover.png)}
 .AffReports:hover{ background-image:url(/images/affiliate-reports-hover.png)}
 .AffLinks:hover{ background-image:url(/images/affiliate-links-hover.png)}
 
 .Mcafee:hover{ background-image:url(/images/mcafee-hover.png)}
 
 .sep{ height:3px}

 
 /* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12 {
	position:relative;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .grid_1 {
	width:60px;
}

.container_12 .grid_2 {
	width:140px;
}

.container_12 .grid_3 {
	width:220px;
}

.container_12 .grid_4 {
	width:300px;
}

.container_12 .grid_5 {
	width:380px;
}

.container_12 .grid_6 {
	width:460px;
}

.container_12 .grid_7 {
	width:540px;
}

.container_12 .grid_8 {
	width:620px;
}

.container_12 .grid_9 {
	width:700px;
}

.container_12 .grid_10 {
	width:780px;
}

.container_12 .grid_11 {
	width:960px;
}

.container_12 .grid_12 {
	width:940px;
}




/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .prefix_1 {
	padding-left:80px;
}

.container_12 .prefix_2 {
	padding-left:160px;
}

.container_12 .prefix_3 {
	padding-left:240px;
}

.container_12 .prefix_4 {
	padding-left:320px;
}

.container_12 .prefix_5 {
	padding-left:400px;
}

.container_12 .prefix_6 {
	padding-left:480px;
}

.container_12 .prefix_7 {
	padding-left:560px;
}

.container_12 .prefix_8 {
	padding-left:640px;
}

.container_12 .prefix_9 {
	padding-left:720px;
}

.container_12 .prefix_10 {
	padding-left:800px;
}

.container_12 .prefix_11 {
	padding-left:880px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .suffix_1 {
	padding-right:80px;
}

.container_12 .suffix_2 {
	padding-right:160px;
}

.container_12 .suffix_3 {
	padding-right:240px;
}

.container_12 .suffix_4 {
	padding-right:320px;
}

.container_12 .suffix_5 {
	padding-right:400px;
}

.container_12 .suffix_6 {
	padding-right:480px;
}

.container_12 .suffix_7 {
	padding-right:560px;
}

.container_12 .suffix_8 {
	padding-right:640px;
}

.container_12 .suffix_9 {
	padding-right:720px;
}

.container_12 .suffix_10 {
	padding-right:800px;
}

.container_12 .suffix_11 {
	padding-right:880px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .push_1 {
	left:80px;
}

.container_12 .push_2 {
	left:160px;
}

.container_12 .push_3 {
	left:240px;
}

.container_12 .push_4 {
	left:320px;
}

.container_12 .push_5 {
	left:400px;
}

.container_12 .push_6 {
	left:480px;
}

.container_12 .push_7 {
	left:560px;
}

.container_12 .push_8 {
	left:640px;
}

.container_12 .push_9 {
	left:720px;
}

.container_12 .push_10 {
	left:800px;
}

.container_12 .push_11 {
	left:880px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .pull_1 {
	left:-80px;
}

.container_12 .pull_2 {
	left:-160px;
}

.container_12 .pull_3 {
	left:-240px;
}

.container_12 .pull_4 {
	left:-320px;
}

.container_12 .pull_5 {
	left:-400px;
}

.container_12 .pull_6 {
	left:-480px;
}

.container_12 .pull_7 {
	left:-560px;
}

.container_12 .pull_8 {
	left:-640px;
}

.container_12 .pull_9 {
	left:-720px;
}

.container_12 .pull_10 {
	left:-800px;
}

.container_12 .pull_11 {
	left:-880px;
}




 
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

body {
  min-width: 960px; margin: 0 auto 0 auto
}


/*
@font-face { font-family: calbri; src: url('calibri.ttf'); } 
@font-face { font-family: calbri; font-weight: bold; src: url('calibrib.ttf'); }
@font-face { font-family: calbri; font-style:italic  ; src: url('calibrii.ttf'); }
*/
@font-face {
    font-family: 'calbri';
    src: url('fonts/calibrii.eot');
    src: url('fonts/calibrii.eot?#iefix') format('embedded-opentype'),
         url('fonts/calibrii.woff') format('woff'),
         url('fonts/calibrii.ttf') format('truetype'),
         url('fonts/calibrii.svg#calibriitalic') format('svg');
    font-weight: normal;
    font-style:italic

}




@font-face {
    font-family: 'calbri';
    src: url('fonts/calibrib.eot');
    src: url('fonts/calibrib.eot?#iefix') format('embedded-opentype'),
         url('fonts/calibrib.woff') format('woff'),
         url('fonts/calibrib.ttf') format('truetype'),
         url('fonts/calibrib.svg#calibribold') format('svg');
    font-weight: bold;
    font-style: normal;

}




@font-face {
    font-family: 'calbri';
    src: url('fonts/calibri.eot');
    src: url('fonts/calibri.eot?#iefix') format('embedded-opentype'),
         url('fonts/calibri.woff') format('woff'),
         url('fonts/calibri.ttf') format('truetype'),
         url('fonts/calibri.svg#calibriregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, img 
{
    margin: 0;
    padding: 0; 
	border:0; font-family: calbri;  }

  
 .floatleft{ float:left}
 .floatright{ float:right}
 .clr{ clear:both}
 
 
 /* Basic CSS Ends */
 
 
 body{ background-color:#fff; color:#585858}

/*---------------text color--------------------*/
/* DarkBlue */
.color1{color:#376e94 !important} 
/* Orange */
.color2{color:#f26e06 !important}
 /* White */
.color3{color:#fff !important}
/* light grey */
.color4{color: #ababab !important}
/* dark grey */
.color5{color: #322f30 !important}

 

/*---------------Links color--------------------*/
a{ color:#376e94; text-decoration:none}
a:hover{ color:#CCC}
/*---------------Background color--------------------*/

/* Dark Blue */
.boxbg1{ background-color:#464184;}
/* Voilet */
.boxbg2{ background-color:#7f3f98}
/* Moderate Voilet */
.boxbg3{ background-color:#9762ac}
/* Mild Voilet */
.boxbg4{ background-color:#e3d8e7}
/* White */
.boxbg5{ background-color:#fff}

/* Gradiant Backgrounds */
.gbg1{ background-image:url(/images/btnbg.png);  }
 
 

/*---------------Button colors--------------------*/
.btncolor1{ background-color:#92b937;  border:1px solid #80a529; }
.btncolor2{ background-color:#008ef2;  border:1px solid #46b2fd; }


.font11{ font-size:11px}
.font12{ font-size:12px}
.font13{ font-size:13px}
.font14{ font-size:14px}
.font16{ font-size:16px}
.font18{ font-size:18px}
.font20{ font-size:20px}
.font22{ font-size:22px}
.font24{ font-size:24px}
.font26{ font-size:26px}
.font28{ font-size:28px}
.font30{ font-size:30px}
.font32{ font-size:32px}
.font34{ font-size:34px}
.font36{ font-size:36px}

h1{ font-size:24px; font-weight: bold; color: #616161 !important }
h2{ font-size:20px; font-weight: bold; color: #616161 !important }
h3{ font-size:18px; font-weight: bold; color: #616161 !important }
h4{ font-size:16px; font-weight: bold; color: #616161 !important }
p{font-size:14px; padding-bottom: 5px;}
.bold{ font-weight:bold !important}
.unbold{ font-weight:normal !important}
.italic{ font-style:italic}
.underline{ text-decoration:underline}

/* Text Shadow */
.txtshadow_dark{ text-shadow: 1px 1px 1px #333}
.txtshadow_light{ text-shadow: 1px 1px 1px #fff}

/* Box Shadow */
.shadow_dark{ box-shadow:0px 0px 2px #000; -webkit-box-shadow:0px 0px 2px #000}
.shadow_meddark{ box-shadow:0px 0px 2px #666; -webkit-box-shadow:0px 0px 2px #666}
.shadow_light{ box-shadow:0px 0px 2px #fff;  -webkit-box-shadow:0px 0px 2px #fff;  }



/* Box Corners */
.smoothcorner{  border-radius: 6px 6px 6px 6px; -webkit-border-radius:6px  }
.smoothcornertop{  border-radius: 6px 6px 0px 0px; }
.smoothcornerbot{ border-radius: 0px 0px 6px 6px;  }
.smooth_top_left{  border-radius: 6px 0px 0px 0px;  }
.smooth_top_right{  border-radius: 0px 6px 0px 0px;  }
.smooth_bot_left{  border-radius: 0px 0px 6px 0px;  }
.smooth_bot_right{  border-radius: 0px 0px 0px 6px;  }
 
.boxeffect {
 padding: 6px;
 border-width: 1px 1px 2px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background: #F7F7F7;
background: -webkit-gradient(linear, left top, left bottom, from(white), to(#E7E8EB));
background: -moz-linear-gradient(top, white, #E7E8EB);
background: linear-gradient(white, #E7E8EB);
-pie-background: linear-gradient(#fff, #E7E8EB);
display:inline-block; position:relative;
 }
 .boxeffect img { border:1px solid #CCC}
 
 .button_small{ border-radius: 6px; color:#fff; padding:5px 10px 5px 10px; text-align:center; display:inline-block; cursor:pointer  }
.button_medium{border-radius: 6px; color:#fff; padding:6px 15px 6px 15px; text-align:center; display:inline-block; cursor:pointer  }
.button_large{border-radius: 6px; color:#fff; padding:9px 20px 9px 20px; text-align:center; display:inline-block; cursor:pointer }


/*Table*/
 table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}

.DataGrid, .DataForm  {
  width: 100%;
  margin-bottom: 18px;

  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapsed;
  border-left: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.DataGrid  th,
.DataGrid  td, 
.DataForm  th,
.DataForm  td 
{
  padding: 8px;
  line-height: 18px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

.DataGrid  th, 
.DataForm  th {
  font-weight: bold;
}

.DataGrid  thead th,
.DataForm  thead th {
  vertical-align: bottom;
}

.DataGrid  caption + thead tr:first-child th,
.DataGrid  caption + thead tr:first-child td,
.DataGrid  colgroup + thead tr:first-child th,
.DataGrid  colgroup + thead tr:first-child td,
.DataGrid  thead:first-child tr:first-child th,
.DataGrid  thead:first-child tr:first-child td, 
.DataForm  caption + thead tr:first-child th,
.DataForm  caption + thead tr:first-child td,
.DataForm  colgroup + thead tr:first-child th,
.DataForm  colgroup + thead tr:first-child td,
.DataForm  thead:first-child tr:first-child th,
.DataForm  thead:first-child tr:first-child td 
{
  border-top: 0;
}

.DataGrid  tbody + tbody, 
.DataForm  tbody + tbody 
{
  border-top: 2px solid #dddddd;
}

.DataGrid -condensed th,
.DataGrid -condensed td, 
.DataForm -condensed th,
.DataForm -condensed td 
{
  padding: 4px 5px;
}
/*
.DataGrid {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapsed;
  border-left: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
*/
.DataGrid th,
.DataGrid td, 
.DataForm th,
.DataForm td 
{
  border-left: 1px solid #dddddd;
}

.DataGrid caption + thead tr:first-child th,
.DataGrid caption + tbody tr:first-child th,
.DataGrid caption + tbody tr:first-child td,
.DataGrid colgroup + thead tr:first-child th,
.DataGrid colgroup + tbody tr:first-child th,
.DataGrid colgroup + tbody tr:first-child td,
.DataGrid thead:first-child tr:first-child th,
.DataGrid tbody:first-child tr:first-child th,
.DataGrid tbody:first-child tr:first-child td, 
.DataForm caption + thead tr:first-child th,
.DataForm caption + tbody tr:first-child th,
.DataForm caption + tbody tr:first-child td,
.DataForm colgroup + thead tr:first-child th,
.DataForm colgroup + tbody tr:first-child th,
.DataForm colgroup + tbody tr:first-child td,
.DataForm thead:first-child tr:first-child th,
.DataForm tbody:first-child tr:first-child th,
.DataForm tbody:first-child tr:first-child td 
{
  border-top: 0;
}

.DataGrid thead:first-child tr:first-child th:first-child,
.DataGrid tbody:first-child tr:first-child td:first-child, 
.DataForm thead:first-child tr:first-child th:first-child,
.DataForm tbody:first-child tr:first-child td:first-child 
{
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.DataGrid thead:first-child tr:first-child th:last-child,
.DataGrid tbody:first-child tr:first-child td:last-child, 
.DataForm thead:first-child tr:first-child th:last-child,
.DataForm tbody:first-child tr:first-child td:last-child 
{
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}

.DataGrid thead:last-child tr:last-child th:first-child,
.DataGrid tbody:last-child tr:last-child td:first-child,
.DataForm thead:last-child tr:last-child th:first-child,
.DataForm tbody:last-child tr:last-child td:first-child
{
  -webkit-border-radius: 0 0 0 4px;
     -moz-border-radius: 0 0 0 4px;
          border-radius: 0 0 0 4px;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
}

.DataGrid thead:last-child tr:last-child th:last-child,
.DataGrid tbody:last-child tr:last-child td:last-child, 
.DataForm thead:last-child tr:last-child th:last-child,
.DataForm tbody:last-child tr:last-child td:last-child 
{
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
}

.DataGrid -striped tbody tr:nth-child(odd) td,
.DataGrid -striped tbody tr:nth-child(odd) th, 
.DataForm -striped tbody tr:nth-child(odd) td,
.DataForm -striped tbody tr:nth-child(odd) th 
{
  background-color: #f9f9f9;
}

.DataGrid  tbody tr:hover td,
.DataGrid  tbody tr:hover th, 
.DataForm  tbody tr:hover td,
.DataForm  tbody tr:hover th 
{
  background-color: #f5f5f5;
}
 
.DataGrid  th, .DataForm  th {
    background-color: #EBF2F6 !important;
}
.DataGrid  th, .DataForm  th{
    vertical-align: bottom;
}
.ov_boxes .ov_text, .dshb_icoNav li a, .DataGrid  th, .DataForm  th, .fc thead th {
    text-shadow: 1px 1px 0 #FFFFFF;
}
.DataGrid th, .DataGrid td, .DataForm th, .DataForm td{
    border-left: 1px solid #DDDDDD;
}
.DataGrid  th, .DataForm  th {
    font-weight: bold;
}
.DataGrid  th, .DataGrid  td, .DataForm  th, .DataForm  td {
    border-top: 1px solid #DDDDDD;
    line-height: 18px;
    padding: 8px;
    text-align: left;
    vertical-align: top;
}

/*!Table*/
 
#PhoneNumber, #PhoneNumberCallAlert{
 width: 160px;
}

.smallfont .griddata, .smallfont .gridheader{
	font-size: 14px;
}

.gridcaption {
	font-size: 14px;
}

.gridcustombtn {
	font-size: 14px;
}

.ui-widget-overlay {
    background-color: #000000;
    opacity: 0.05;
}
.ui-widget-overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.ui-dialog {
    overflow: hidden;
    position: absolute;
}
.ui-dialog .ui-dialog-titlebar-close span {
	float:right;
    display: block;
    margin: 1px;
}
.ui-widget-header .ui-icon {
    background-image: url("/images/flick/ui-icons_0073ea_256x240.png");
}
.ui-icon-closethick {
    background-position: -96px -128px;
}
.ui-icon {
    height: 16px;
    width: 16px;
}
.ui-icon {
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -99999px;
}
.ui-widget-header a {
    color: #444444;
}
.ui-widget-header {
    font-weight: bold;
}


.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 2px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 2px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 2px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 2px;
}
.ui-widget-content {
    background: url("/images/flick/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% #FFFFFF;
    border: 1px solid #DDDDDD;
    color: #444444;
}


.ui-helper-clearfix:after {
    clear: both;
}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
}
.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}
.ui-dialog .ui-dialog-titlebar {
    padding: 0.4em 1em;
    position: relative;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 2px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 2px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 2px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 2px;
}
.ui-widget-header {
    background: url("/images/flick/ui-bg_highlight-soft_50_dddddd_1x100.png") repeat-x scroll 50% 50% #DDDDDD;
    border: 1px solid #DDDDDD;
    color: #444444;
    font-weight: bold;
}

#UserService .phonefield
{
	width: 150px !important;
	font-size:15px !important;
	font-weight:bold;
	letter-spacing:2px;
}

.phonefield
{
	width: 165px !important;
	font-size:15px !important;
	font-weight:bold;
	letter-spacing:2px;
}

#summaryblock{
    float: right !important;
}