/* CSS Document */

body {
	margin: 0px;
	padding: 20px 0px;
	font-family:Arial, Helvetica, sans-serif;
	/*font-family:Calibri;*/
	color: #444;
	font-size:12px;
	background-color: #EDEDED;

}
/*.upp
{
	*vertical-align:bottom;
}
.ddown
{
	*vertical-align:top;
}
.midl
{
	*vertical-align:middle;
}*/

.mainarrowTD
{
	height:25px;
	vertical-align:middle;
	width:36px;
	clear:both;
	overflow:hidden;
	padding:0px 5px;
}
.arrowdiv
{
	width: 26px; 
	height: 25px;
	*line-height:0px;
	*font-size:0px;
}
.left-right-arrowdiv
{
	width: 7px; 
	height: 25px;
	float: left;
}
.center-arrowdiv
{
	width: 11px; 
	height: 25px; 
	float: left;
}
.center-top-bottom-arrowdiv
{
	width: 11px; 
	height: 7px;
}
.center-center-arrowdiv
{
	width: 11px; 
	height: 11px;
}

em {
	font-weight: bold;
	font-style: normal;
}

a {
	color: #F89603;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

a:hover {
	text-decoration: underline;
}


a img {
	border: none; 
}

#footer a {
	color: #F89603;
}

h1 {
	font-size: 17px;
	margin: 15px 15px 15px 15px;
	font-weight: bold;
}

h2 {
	font-size: 15px;
	margin: 15px 15px 0px 0px;
	font-weight: bold;
}

h3 {
	font-size: 13px;
	margin: 20px 15px 0px 15px;
	font-weight: bold;
}

h4 {
	font-size: 11px;
	margin: 0px;
	font-weight: bold;
	color: #86B1F9;
	width: 140px;
	text-align: center;
}

h5 {
	font-size: 15px;
	margin: 15px 15px 10px 15px;
	font-weight: bold;
}

p {
	font-size: 12px;
	margin: 15px 15px 0px 15px;
	line-height: 19px;
}

h3 + p {
	font-size: 12px;
	margin: 0px 0px 0px 15px;
	width: 530px;
	line-height: 19px;
}

h3 + ul {
	margin-top: 5px;
}

label {
	font-size: 12px;
}

*form {
	margin-left: 20px;
	padding: 15px;
	/*background-color: #E8E8E8;
	width: 380px;
	border: solid 1px #333333;*/
}

/*#login_area form {
	border: none;
	width: 150px;
	margin-left: 0px;
	padding: 0px 10px 10px 10px;
	background:none;
	color: #FFFFFF;
}

#login_area form a {
	font-size: 10px;
}

#login_area form #username, #login_area form #password {
	height: 10px;
}*/


#login_area {
	background-color:#FCC061;
	width: 165px;
	margin-left: 0px;
	padding:5px;
	color: #444;
	float:right;text-align:right;
	border:solid 2px #444;
/*font-family:Calibri;
font-size:15px;*/
}

#login_area a {
	font-size: 11px;
}

.textbox {
	border:solid 1px #444;
}

#login_area #username, #login_area #password {
	height: 10px;
}
.logintxt
{
	text-align:center;
	/*font-weight:bold;*/
	padding:5px 0px 10px 0px;
}

.registerDlg
{
	background-color:#4F81BD;
	margin-left: 0px;
	padding:10px;
	color: #FFFFFF;
	text-align:right;
	border:solid 3px #385D8A;
	overflow:hidden;
}



#content ul {
	margin-right: 15px;
}

#content ul li {
	font-size: 12px;
	list-style: square;
}

#content img {
	margin: 5px 15px 5px 5px;
	float: right;
}

#wrapper{
	margin: auto;
	padding: 0px; 
	width: 810px;
	text-align: left;
	background-color: #fff;
	overflow: hidden;
	background: url(../images/frame_background.jpg);
}


#frame{
	margin: 0px;
	padding: 0px;
	margin-left:25px;
	_margin-left: 13px;
	width:760px;
	float: left;
	/*height: 100%;*/
	/*background-color:#fff;
	overflow: hidden;*/
	
}

#left_side {

	float: left;
	width: 34px;
	background-image: url(../images/left_side.jpg);
	background-repeat: repeat-y;
	height: 500px;
	
	padding-bottom: 9900px;
	margin-bottom: -9920px;
}

#right_side {
	float: left;
	width: 34px;
	background-image: url(../images/right_side.jpg);
	background-repeat: repeat-y;
	height: 100%;
	
	padding-bottom: 9900px;
	margin-bottom: -9920px;
}

#top_area {
	width: 100%;
	height: 100px;
	background: #fff;
	background-image: url(../images/header_top.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#logo {
	background-image: url(../images/logo.jpg);
	height: 57px;
	width: 233px;
	margin-left: 50px;
	margin-top: 22px;
	float: left;
	display: inline; /* used to stop the float double margin bug in ie6 */
}

#telephone {
	background-image: url(../images/telephone.jpg);
	background-repeat: no-repeat;
	width: 171px;
	height: 17px;
	float: right;
	margin: 52px 50px 0 0;
	display: inline; /* used to stop the float double margin bug in ie6 */
}

#mini_menu_area {
	height: 16px;
	background: none;
	width: 201px;
	margin-bottom: 0px;
	padding-top: 3px;
	float: left;
	background-image: url(../images/minimenu_right_corner2.gif);
	background-position: bottom left;
	background-repeat:no-repeat;
}

#menu {
	height: 30px;
	background: #6A9FF7;
	width: 100%;
	border-top: #444 5px solid;
	border-bottom: #444 5px solid;
	clear: both;
	background-image: url(../images/menu_grad.jpg);
	background-repeat: repeat-x;
}

#flash_movie {
	margin: 3px 3px 20px 3px;
	width: 556px;
	height: 180px;
	border: solid 1px #444;
	float: left;
	display: inline;
/*	background-image: url(images/flash_design.jpg); */
}

#page_image {
	margin: 3px 3px 20px 3px;
	width: 556px;
	height: 105px;
	border: solid 1px #444;
	float: left;
	display: inline;
	background-image: url(../images/image_it_support.jpg);
	background-repeat:no-repeat;
	background-position: 0 0;
}

#right_bar {
	margin-top: 3px;
	background: #444;
	width: 195px;
	float: right;
	margin-bottom: 0px;
	padding-bottom: 9900px;
	margin-bottom: -9920px;
}

#right_bar a {
	text-decoration: none;
}

.smart_button_callback {
	height: 25px;
	width: 110px;
	margin: 15px 0px 5px 15px;
	float: left;
	background-image: url(../images/button_callback.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 8px 0px 0px 50px;
}

.smart_button_enquiry {
	height: 25px;
	width: 110px;
	margin: 15px 0px 5px 15px;
	float: left;
	background-image:url(../images/button_enquiry.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 8px 0px 0px 50px;
}

.smart_button_case {
	height: 25px;
	width: 110px;
	margin: 15px 0px 5px 15px;
	float: left;
	background-image: url(../images/button_case_studies.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 8px 0px 0px 50px;
}

.press_callback{
	height: 25px;
	width: 110px;
	margin: 15px 0px 5px 15px;
	float: left;
	background-image: url(../images/button_callback_press.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 8px 0px 0px 50px;
	color: #B8D1FB;
	text-decoration: none;
}

.press_enquiry{
	height: 25px;
	width: 110px;
	margin: 15px 0px 5px 15px;
	float: left;
	background-image: url(../images/button_enquiry_press.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 8px 0px 0px 50px;
	color: #B8D1FB;
	text-decoration: none;
}

.press_case{
	height: 25px;
	width: 110px;
	margin: 15px 0px 5px 15px;
	float: left;
	background-image: url(../images/button_case_studies_press.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 8px 0px 0px 50px;
	color: #B8D1FB;
	text-decoration: none;
}

#smart_buttons {
	margin-bottom: 20px;
	height: 165px;
}

#smart_buttons a {
	color: #FFFFFF;
}

#smart_buttons a:hover {
	color: #B8D1FB;
}

.smart_button img {
	float: left;
}

.smart_button a {
	display: block;
	float: left;
}

.smart_button_text {
	display: block;
	color: #FFFFFF;
	padding: 7px 0px 5px 13px;
	margin-bottom: 0px;
	float: left;
	height: 5px;
}

.smart_button_text:hover {
	color: #B8D1FB;
	text-decoration: none;
}

.panel {
	margin-left: 16px;
	margin-bottom: 16px;
	background-image: url(../images/panel.gif);
	background-repeat: no-repeat;
	height: 65px;
	width: 141px;
	font-size: 9px;
	color: #FFFFFF;
	padding: 5px 10px;
	display: inline;
	float: left;
}

#partners img {
	margin: 0px 0px 5px 9px;
}

#clear {
	clear: both;
	height:25px;
	_height: 0px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both;
	visibility: hidden;
}

#frame_bottom {
	background-color: #444;
	height: 42px;
	/*width: 100%;*/
	width:800px;
	font-size: 9px;
	color: #CCCCCC;
	_padding: 0px 0px;
	background: url(../images/footer_edge4.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	float: left;
}

#footer 
{
		margin: auto;
	padding: 0px; 
	width: 810px;
	font-size: 11px;
	color:#333333;
	text-align:center;
	/*margin: 0px 34%;*/

}

.footer_item 
{
	text-align:center;
	margin: 0px 10px;
}
.footer_item span
{
	padding:0px  10px;
}

.address {
	float: left;
	margin: 5px 40px 20px 15px;
	font-size: 12px;
	display: inline;
}

#content {
	/*margin: 10px 200px 10px 5px;*/
	margin:10px 20px 10px 5px;
	clear: left;
}

#work {
	width: 554px;
	padding-bottom: 8px;
}

#work img {
	margin: 8px 0px 0px 8px;
	float: left;
}

#required {
	font-size: 10px;
	margin-left: 10px;
}

#xmas_content {
	margin: 0px;
	padding: 0px;
	background-image:url(../images/border.jpg);
	background-repeat: no-repeat;
	float: left;
}

#xmas_flash {
	margin: 100px 95px 100px 105px;
	padding: 0px;
}

#news_ticker {
	padding: 0px;
	margin: 0px;
	height: 15px;
	width: 500px;
	margin-bottom: 0px;
	margin-left: -20px;
}

#TICKER_0208092002867_BODY_0208092002867 font{
	margin: 0px 5px;
	color: #FFF;
	width: 6px;
	display: none;
}

#TICKER_0208092002867_BODY_0208092002867 a font{
	display: inline;
	background: #FFFFFF;
}

.Boxedit
{
	padding:20px 23px 0px 0px;
	text-align:right;
}
/* Modal Popup CSS*/

.ModalPopupBackground
{
	 background-color:gray;
	border:none !important;
	
	opacity: 0.5;
	filter: alpha(opacity: 50);
	}
.ModalPopup
{
	background-color: White;
	
	}	
.ModalPopupHeaderText
{
	 font-size:18px;
	 cursor:move;
	}
	
.ModalPopupTableBorder
{
	border:solid 2px #385D8A;
	padding:5px;
}

.topleftround
{
	background: url(../images/round_r2_c2.gif) no-repeat; 
	width: 25px; 
	height: 24px;
}
.topcenterround
{
	background: url(../images/round_r2_c3.gif) repeat;
}
.toprightround
{
	background: url(../images/round_r2_c4.gif) no-repeat; 
	width: 25px; 
	height: 24px;
}
.middelleft
{
	background: url(../images/round_r3_c2.gif) repeat; 
	width: 25px;
}
.middelright
{
	background: url(../images/round_r3_c4.gif) repeat; 
	width: 25px;
}
.bottomleftround
{
	background: url(../images/round_r4_c2.gif) no-repeat; 
	width: 25px; 
	height: 25px;
}
.bottomcenter
{
	background: url(../images/round_r4_c3.gif) repeat;
}
.bottomlrightround
{
	background: url(../images/round_r4_c4.gif) no-repeat; 
	width: 25px; 
	height: 25px;
}
.modelbtn

{
	background-color:#4F81BD;
	border:solid 2px #385D8A;
	color:#ffffff;
}

.movecursor
{
	cursor:move;
}

.MessageCss
{
	 color:Green;
}

.leftmenuDiv
{
	height:40px;
	margin:5px;
	cursor:pointer;
}
.leftmenuText
{
	float:left;
	width:80px;
	vertical-align:middle;
	padding:10px 0px 0px 10px;
}
.website
{
	float: left; 
	width: 40px; 
	height: 40px; 
	background: url('../images/main_website.gif') no-repeat;
}
.users
{
	float: left; 
	width: 40px; 
	height: 40px; 
	background: url('../images/main_users.gif') no-repeat;
}
.profile
{
	float: left; 
	width: 40px; 
	height: 40px; 
	background: url('../images/your_profile.gif') no-repeat;
}


/* start Grid STyle*/
.GridStyle
{
   /* border-right: #336699 1px solid;
    border-top: #336699 1px solid;
    border-left: #336699 1px solid;
    border-bottom: #336699 1px solid;
    border-collapse: collapse;*/
    font-family: Verdana, Arial;
    font-size:8pt; 
    font-weight:normal;
     text-align:center;
	}
	
	
.NormalGridStyle
{
   /* border-right: #336699 1px solid;
    border-top: #336699 1px solid;
    border-left: #336699 1px solid;
    border-bottom: #336699 1px solid;
    border-collapse: collapse;*/
    font-family: Verdana, Arial;
    font-size:8pt; 
    font-weight:normal;
     text-align:left;
}
.GridStyle a
{
	color:#000;
	text-decoration:none 
	}
.GridStyle a:hover
{
	color:#000;
	text-decoration:underline; 
	}
	
.GridStyle td
{
  /*  border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-left: #999999 1px solid;
    border-bottom: #999999 1px solid;*/
  background:#FFFFFF;
}

.NormalGridHeaderStyle th
{
    border-collapse: collapse;
    border:solid 1px #C0C0C0;
	text-indent: 0pt; 
    color: #000;
    font-family: Verdana, Arial;
    font-size:8pt; 
    font-weight:bold;
    height:20px;
    font-weight:normal;
	text-align:left;  
	background:#C0C0C0;  
}

.NormalGridHeaderStyle th a
{
 	color:#000;
	text-decoration:none;
	font-weight:bold;
}
.NormalGridHeaderStyle th a:hover
{
 	color:#000;
	text-decoration:underline;
	font-weight: old;
}

.GridHeaderStyle th
{
    border-collapse: collapse;
    border:solid 1px #C0C0C0;
	background:#C0C0C0;
    text-indent: 0pt; 
    color: #ffffff;
    font-family: Verdana, Arial;
    font-size:8pt; 
    /*text-align:center;*/
    font-weight:bold;
    color:#000000;
    height:20px;
    font-weight:normal;
    text-align:center;
    
}
.GridHeaderStyle th a
{
 	color:#000;
	text-decoration:none;
	font-weight:bold;
}
.GridHeaderStyle th a:hover
{
 	color:#000;
	text-decoration:underline;
	font-weight: old;
}
.GridAlterRowStyle
{
    font-family: Verdana, Arial;
    font-size:8pt; 
    font-weight:normal;
	background-color:#F5F5F5;
    border-collapse: collapse;
         text-align:center;

}
	
.NormalGridAlterRowStyle
{
    font-family: Verdana, Arial;
    font-size:8pt; 
    font-weight:normal;
	background-color:#F5F5F5;
    border-collapse: collapse;
    text-align:left;

}
	
.GridAlterRowStyle a
{
	color:#000;
	text-decoration:none;
}
.GridAlterRowStyle a:hover
{
	color:#000;
	text-decoration:underline;
}
.GridSelectedRowStyle
{
    font-family: Verdana, Arial;
    font-size:8pt; 
    font-weight:normal;
    color :#ffffff;
	background-color:#FFFFFF;
	text-decoration :none;
	}
.GridSelectedRowStyle a
{
    color :#000;
	text-decoration :none;
	}
.GridSelectedRowStyle a:hover
{
    color :#000;
	text-decoration:underline; 
	}
.GridPagingStyle
{
    font-family: Verdana, Arial;
    font-size:8pt; 
    font-weight:normal;
    color :#000;
	background-color:#c0c0c0;
	text-decoration:underline; 
	}
.GridPagingStyle a
{
    color :#ffffff;
	text-decoration:underline; 
	}
.GridPagingStyle a:hover
{
    color :#ffffaa;
	text-decoration:underline; 
	}
.alternetRowStyle
{
    background-color:#bbccf6;
}

/*End Grid style*/


/* Start Message Css */

.errorMsg{
	font-family		: Tahoma, Verdana, Arial;
	font-size		: 9pt;
	font-weight		: normal;
	color			: #FF0000;
}

.successMsg {
	font-family		: Tahoma, Verdana, Arial;
	font-size		: 8pt;
	font-weight		: normal;
	color			: #006633
}

/*End Message Css */
.stylepriview
{
	margin:17px 0px;
}
.stytbl
{
	border:dashed 1px #000;
	text-align:center;
	padding:10px;
}


.spanset
{
	margin:-25px 0px 0px 5px;
	text-align:left;
	background:#fff;
	font-size:13px;
	font-weight:bold;
	position:absolute;
	padding:3px;
}

.preText
{
	color: #000000;
	font-size:medium;
}


/* Start Accordion Style */
.accordionHeader
{
	background-color:#70A3F4;
	color:#FFF;
	padding:5px;
	margin-top:5px;
	font-weight:bold;
	cursor:pointer;
}

.accordionHeaderSelected
{
	background-color:#8BB3F8;
	color:#FFF;
	padding:5px;
	margin-top:5px;
	font-weight:bold;
	cursor:pointer;
}
.accordionContent
{
	padding:10px;
	border:dotted 1px #000;
	background-color:#EEFFFF;
}

/* End Accordion Style */


/* Start Website Template page Style */

.maintemplate
{
	width: 725px;
	margin-top:20px;
}

.templatetopimg
{
	background: url('../images/templatedivtop.gif') no-repeat; 
	width: 715px;
    height: 47px;
}
.templatecenterimg
{
	background: url('../images/templatedivcenter.gif') repeat; 
	width: 715px;
}

.templatebottomimg
{
	background: url('../images/templatedivbottom.gif') no-repeat; 
	width: 715px;
	height: 47px;
}

.templateboundry
{
	padding:10px;
	width:680px;

}
/* End Website Template page Style*/
/* edit Page Content Div Style*/
.EditPageContentDiv
{
	 background-color:#EDEDED;
	 color:Black;
	 width:100%;
	}
	
	/* Drag Panel Style */
.dragMe {
			background-color:#FFFFFF;
			cursor:move;
			font-weight:bold;
			height:21px;
			text-align:center;
			width:100%;
}
.dragContent {
			background-color:#FFFFFF;
			width:100%;
			color:Black;
}

.templatediv
{
	width:680px;
	clear:both;

}

.templatedivleft
{
	float:left;
	width:430px;


}
.templatedivright
{
	float:right;
	width:230px;
	_width:210px;


}

.imgborder
{
	padding:3px;
	border:solid 1px #B7B7B7;
	font-size:0px;
	margin:1px 5px;
	background-color:#E1E1E1;
}
.selecttemp
{
	padding:3px;
	border:solid 1px #9D9D9D;
	font-size:0px;
	margin:1px 5px;
	background-color:#CECECE;
	
}





.imgDivposition
{
	position: absolute;
	/*z-index:100000; */
	top: 50%; 
	left: 50%; 
	width: 800px;
	height: 600px; 
	margin-top: -20em; 
	margin-left: -35em;
	_margin-left: -40em;
	background: #333; 
	border: solid 4px #fff;
}
*:first-child+html .imgDivposition
{
	*margin-top: -20em;
	*margin-left: -35em;
}

.modaldialogCss
{
	background-color:#000000;
	top:0pt;
	opacity:0.4;
	filter:alpha(opacity=40);
	position: absolute; 
	z-index:500;
	/*width:100%; 
	height:100%; */
	text-align:center;
/*	_position:absolute;
	_line-height:100pt;
	_background-attachment:scroll;*/


}
.modaldialogchildCss
{
	position:absolute;
	top:10px;
	left:10px;
	z-index:1000;
	width:100%;
}


 
/* Tabuler style css */
ul.tabuler
{
    list-style:none;
    padding:0px;
    margin:0px;
    overflow:hidden;
}
ul.tabuler li
{
    list-style:none;
    float:left;
}



ul.tabuler li a.active
{
   background:#fff;
   border:solid 1px #B7B7B7;
   border-bottom:0px;
   padding:7px;
}
ul.tabuler li a
{
    color:#333;
    display:block;
    text-decoration:none;
    margin:0px 4px 0px 0px;
    background:#efefef;
    padding:7px 7px 6px 7px;
    border:solid 1px #B7B7B7;
    position:relative;
    z-index:1;
}
.tabulerdiv
{
    padding:3px;
    background:#fff;
    border:solid 1px #B7B7B7;
    margin-top:-1px;
}

.fieldsetstyle
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin:0px 15px 15px 0px;
    padding:5px 5px 5px 10px;
     width:97%;
}
.fieldsetstyle, x:-moz-any-link, x:default {border: solid 1px #ddd;
	border-radius: 5px; }
	
.fieldsetstyle	legend
{
    font-weight:bold;
    font-size:13px;
}
	

/* ----------------- */