@charset "utf-8";
body {background:url(../images/index_01.jpg); background-repeat:repeat-x; margin:0 auto}
.footerbg { width:100%; height:76px; margin:0 auto; background:url(../images/index_16.jpg); background-repeat:repeat-x}
/*.leftsidebg { width:16px; height:auto; background:url(../images/leftside_bg.jpg); background-repeat:no-repeat;}*/
.leftsidebg { width:16px; height:auto; background:url(../images/leftside_smallbg.gif); }
.rightsidebg {width:22px; height:auto; background:url(../images/rightside_smallbg.gif);background-repeat:repeat-y;}
.contentrightbg {width:19px; height:auto; background:url(../images/content_right_bg.jpg); background-repeat:no-repeat}
.menusection {width:547px; height:33px; float:left}
.menu{width:715px; height:33px;	float:left;	padding-left:6px;  }
.menu ul {margin: 0; padding: 0; list-style: none; line-height: normal;}
.menu li {display:inline}
.menu a {padding:0px 0px 0px 0px;	margin: 0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif;	font-size:12px; font-weight:bold;	color:#727679;	text-align:center;	line-height:33px;	text-decoration:none;	width:88px;	height:33px;	float:left}
.menu a:hover {color:#000000;	text-decoration:none; color:#727679;background-image:url(../images/menu_item_bg.jpg);background-repeat:no-repeat;	width:88px;	height:33px;float:left}
.menu a.current {padding:0px 0px 0px 0px;	margin: 0px 0px 0px 0px;font-family:Arial, Helvetica, sans-serif;font-size:14px; font-weight:bold;color:#727679;text-align:center;	line-height:33px;	text-decoration:none;	background-image:url(../images/menu_item_bg.jpg);	background-repeat:no-repeat;width:88px;	height:33px;	float:left}
.menu a.current:hover {	color:#727679;	text-decoration:none;	background-image:url(../images/menu_hover.jpg);	background-repeat:no-repeat;	width:88px;	height:33px;float:left }
.flashsection {width:534px; height:185px; float:left; padding:5px 7px 0px 6px; background:#FFFFFF}
.contentsleft { height:auto; float:left; padding:0px 12px 0px 12px}
.contentsleftin {width:775px; height:auto; float:left; padding:0px 12px 0px 12px}
.mainhead {font:28px Arial; line-height:30px; text-align:left; color:#485c6b; padding-top:15px}
.mainsubheaed {font:18px Arial; line-height:20px; text-align:left; color:#485f70; padding:5px 0px 5px 5px}
.maintext { font:12px Arial; line-height:18px; text-align:justify; color:#465b6b; padding:10px 0px 10px 0px}
.imagesection {width:523px; height:auto; float:left; padding:10px 0px 20px 0px}
.images {width:101px; height:93px; float:left}
.imagespacer { width:10px; height:93px; float:left}
.footertextleft {font:11px Arial; line-height:30px; text-align:left; color:#485c6b}
.footertextright {font:11px Arial; line-height:30px; text-align:right; color:#485c6b}
.welcomehead {font:18px Arial; line-height:50px; text-align:left; padding-left:0px; color:#FFFFFF}
.newshead {font:14px Arial; line-height:30px; text-align:left; color:#465b6b}
.regisbg {width:220px; height:88px; float:left; background:url(../images/reg_bg.jpg)}
.clickbtn {width:87px; height:33px; float:left; padding-left:133px; padding-top:51px}
a.navfooter:link {font:11px Arial; line-height:30px; text-align:right; color:#485c6b; text-decoration:none}
a.navfooter:visited {color:#485c6b; text-decoration: none}
a.navfooter:hover {color:#000000; text-decoration:none}
a.navfooter:active {color:#485c6b; text-decoration:none}



#header {width:838px; height:auto; margin:0 auto}
#headerleft {width:16px; height:347px; float:left; background:url(../images/index_03.jpg)}
#headercenter {width:800px; height:347px; float:left}
#headerright {width:22px; height:347px; float:left; background:url(../images/index_06.jpg)}
#topsection {width:800px; height:105px; float:left}
#topleft {width:400px; height:105px; float:left}
#topright {width:400px; height:105px; float:left; background:url(../images/index_04-05.jpg)}
#bottomsection {width:800px; height:auto; float:left}
#bottomleft {width:547px; height:242px; float:left}
#bottomright {width:253px; height:242px; float:left}
#menusection {width:547px; height:33px; float:left}
#menushade {width:547px; height:19px; float:left; background:url(../images/index_10.jpg)}
#flashsection {width:534px; height:185px; float:left; padding:5px 7px 0px 6px; background:#FFFFFF}
#rightimg {width:253px; height:192px; float:left; background:url(../images/index_09.jpg)}
#welcomebg {width:233px; height:50px; float:left; background:url(../images/welcome_bg.jpg)}
#contentsection {width:838px; height:auto; margin:0 auto; background:url(../images/bg.jpg); background-repeat:repeat-y}
#maincontents {width:800px; height:auto; float:left; background:url(../images/contentbg.jpg); background-repeat:no-repeat; padding:0px 22px 0px 16px}
#contentsleft {width:523px; height:auto; float:left; padding:0px 12px 0px 12px}
#contentsright {width:220px; height:auto; float:left; padding:0px 13px 0px 20px}
#mainhead {width:523px; height:30px; float:left; padding-top:15px}

#mainsubhead {width:523px; height:20px; float:left; padding:5px 0px 5px 0px}
#maintext {width:523px; height:auto; float:left; padding:10px 0px 10px 0px}
#imagesection {width:523px; height:auto; float:left; padding:10px 0px 20px 0px}

#newshead { width:220px; height:30px; float:left}
#newsscroller {width:220px; height:150px; float:left; padding:10px 0px 30px 0px}
.scrolltext {font:12px Arial; line-height:18px; text-align:justify; color:#485f70}
#regisbg {width:220px; height:90px; float:left; background:url(../images/reg_bg.jpg)}
#clickbtn {width:87px; height:34px; float:left; padding-left:133px; padding-top:56px}
#footer {width:800px; height:30px; margin:0 auto; padding-top:15px}
#footerleft {width:350px; height:30px; float:left}
#footerright {width:350px; height:30px; float:right}

#footerlogosec {width:800px; height:33px; margin:0 auto}
#footerlogo {width:77px; height:33px; float:left; background:url(../images/knanaya.png)}
.menuspacer  { width:2px; height:33px; float:left}
#menu{width:532px; height:33px;	float:left;	padding-left:6px}
#menu ul {margin: 0; padding: 0; list-style: none; line-height: normal}
#menu li {display:inline}
#menu a {padding:0px 0px 0px 0px;	margin: 0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif;	font-size:14px;	color:#000000;	text-align:center;	line-height:33px;	text-decoration:none;	width:88px;	height:33px;	float:left}
#menu a:hover {color:#000000;	text-decoration:none;	background-image:url(../images/menu_item_bg.jpg);background-repeat:no-repeat;	width:88px;	height:33px;float:left}
#menu a.current {padding:0px 0px 0px 0px;	margin: 0px 0px 0px 0px;font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#000000;text-align:center;	line-height:33px;	text-decoration:none;	background-image:url(../images/menu_item_bg.jpg);	background-repeat:no-repeat;width:88px;	height:33px;	float:left}
#menu a.current:hover {	color:#000000;	text-decoration:none;	background-image:url(../images/menu_hover.jpg);	background-repeat:no-repeat;	width:88px;	height:33px;float:left }

.newuserbg {width:392px; height:249px; background:url(../images/newuser_center_bg.jpg); background-repeat:repeat-x}
.loginbg {width:197px; height:249px; background:url(../images/login_center_bg.jpg); background-repeat:repeat-x}
.newuserhead {width:355px; height:47px; font:16px Arial; text-align:left; color:#266ca0; line-height:47px; padding-left:37px}
.loginhead {width:197px; height:47px; font:16px Arial; text-align:left; color:#266ca0; line-height:47px}
.newusertext {width:69px; height:21px; font:12px Arial; line-height:21px; color:#486274; text-align:left; padding-top:13px; padding-left:37px}
.textbox {width:190px; height:21px; padding-top:13px; text-align:left; font:11px Arial; line-height:21px; color:#486274; text-align:left}
.colon {width:22px; height:21px; font:12px Arial; line-height:21px; color:#486274; text-align:left; padding-top:13px}
.signupbutton {width:100px; height:25px; font:14px Arial; line-height:25px; color:#FFFFFF; text-align:center; background:#96b4c6; font-weight:bold}
.loginbutton {width:100px; height:25px; font:14px Arial; line-height:25px; color:#FFFFFF; text-align:center; background:#96b4c6; font-weight:bold; padding-top:5px}
.signupterms {width:235px; height:25px; font:11px Arial; line-height:12px; text-align:justify; color:#738b99}
.logintext {width:197px; height:18px; font:12px Arial; line-height:18px; color:#486274; text-align:left; padding-top:13px}
.loginforgot {width:197px; height:18px; font:12px Arial; line-height:18px; color:#486274; text-align:left; padding-top:8px}
.poweredbytext{
     font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;text-decoration:none;color:#485C6B;
	 }
.poweredbytext:hover{
     font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;text-decoration:underline;color:#485C6B;
	 }
.dynamic-tab-pane-control .tab-page {
	height:		130px;
}

.dynamic-tab-pane-control .tab-page .dynamic-tab-pane-control .tab-page {
	height:		130px;
}

/* over ride styles from webfxlayout */

.dynamic-tab-pane-control h2 {
	text-align:	center;
	width:		auto;
}

.dynamic-tab-pane-control h2 a {
	display:	inline;
	width:		auto;
}

.dynamic-tab-pane-control a:hover {
	background: transparent;
}
.msg_list {
	margin:0px;
	padding:0px;
	width:255px;
	font:Arial, Helvetica, sans-serif;
	color:#336699;
}.msg_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	/*background-color:#FFCCCC;*/
	margin:1px;
}
.forgot{
	font-family:Tahoma, Arial, Verdana;
	font-size:11px;
	font-weight:normal;
	color:#528BC0;
	text-decoration:none;
	}

.forgot:hover{
	font-family:Tahoma, Arial, Verdana;
	font-size:11px;
	font-weight:normal;
	color:#FF4400;
	text-decoration:underline;
	}
.confirmMsgEr{
 	font-family:Tahoma, Arial, Verdana;
	font-size:11px;
	font-weight:normal;
	color:#FF0000;
	text-decoration:none;

}.confirmMsgOk{
 	font-family:Tahoma, Arial, Verdana;
	font-size:11px;
	font-weight:normal;
	color:#41B500;
	text-decoration:none;

}.errortext{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FF0000;
}
.speciallink{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:bold;
	text-decoration:underline;
	color:#1285BC;
}
.bodyTextBold {
	COLOR: #555555;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: bold;
	text-decoration: none;

}
.bodyText {
	COLOR: #5f6469;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 8pt;
	text-decoration: none;
}
.row_even{	
	background-color:#fcfdfd; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px; 
	font-weight:normal;
	color:#555555;

}
.row_odd{	
	background-color:#f5f7f7; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px; 
	font-weight:normal;
	color:#555555;
}
.row2 {
	BACKGROUND-COLOR: #ffffff
}
.red_table{
	color: #35abe0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border:2px solid #35abe0;
	background:#c9f0ff;
}
.welcomeuser{
	color: #1285BC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-align:center;
}
.regnotext{
	font:12px Arial;
	font-weight:bold;
	text-align:left; 
	padding-left:0px; 
	color:#35abe0
}
.regstartblink{
	text-decoration:blink;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	color:#ee44b4;
}
.regstartblink a:hovet{
text-decoration:underline;
}
.astrik{
	color:#FF0000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: bold;
}
.MenuTabSelect {
	BACKGROUND-COLOR: #1099cd;
}
.currentlink{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:bold;
	text-decoration:underline;
	color:#FFFFFF;
}
.MenuTabNormal {
	BACKGROUND-COLOR: #50d1f9;
}
.MenuFolder{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:bold;
	color:#FFFFFF;
}
.Regno{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	color:#990000;
}
.homenewtitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#485c6b;
}
.headingbold {
	font:9pt Arial;
	line-height:20px; text-align:left; color:#485f70; 
	padding:5px 50px 5px 3px;
	font-weight:bold;
 }
.newstitle {font:9pt Arial;
 line-height:20px; text-align:left; color:#485f70; 
 padding:5px 50px 5px 10px;
 font-weight:bold;
 }
 .newscontent {
 font:9pt Arial;
 line-height:20px; text-align:left; color:#485f70; 
 padding:5px 10px 15px 10px;

 }
 .newslistback{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:bold;
	text-decoration:underline;
	color:#1285BC;
	padding:5px 50px 5px 50px;
}
.welcomeuserleft {
	font:8pt Arial; 
	line-height:50px; 
	text-align:center;
	padding-left:0px;
	color:#FFFFFF;
	font-weight:bold;
}
.paymentstatusbox {
	font:9pt Arial; 
	line-height:50px; 
	text-align:left;
	padding-left:0px;
	color:#FFFFFF;
	font-weight:bold;
}
.detailsdata{
 	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	color:#6C695E;
	text-decoration:none;
 }
.fieldtitle{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#6C695E;
	text-decoration:none;
}
.strartxt{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:normal;
    color:#FF0000;
}
.error{
    border:#FF0000 solid 1px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#4B6687;
    font-weight:normal;
}
.noterror{
    border:#97B7D7 solid 1px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#4B6687;
    font-weight:normal;
}
INPUT, SELECT {
    font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; margin:0; padding:0;
    border:1px solid #97B7D7; height:18px;
}
.checkbox{
    font-family:Verdana, Arial, Helvetica, sans-serif; width:15px; height:15px; font-size:11px; color:#666666; margin:0; padding:0;
    border:1px solid #97B7D7;
}
.subhead {font:18px Arial; text-align:left; padding-left:5px; color:#FFFFFF}

.regstartedmsg {
	font:28px Arial;  
	padding-left:15px; 
	color:#ee44b4;
	font-weight:bold;
}

.newslist{
    font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:normal;
	color:#485f70;
	text-decoration:none;
	
	}		
.newslist:hover{
    font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:normal;
	color:#485f70;
	cursor:hand;
	text-decoration:underline;
	}
	
.tourtile{
	color: #1285BC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:bold;

}
.hoteltourtitle {font:14px Arial; font-weight:bold;  padding-left:15px; color:#ee44b4}

legend{
	font:8pt Arial; font-weight:bold;  color:#1285BC;
}
.button{
	background-image:url(../images/btn_click1.jpg);
	background-repeat:no-repeat;
	height:30px;
	background-color:#FFFFFF;

}
.redboldtext{
color:#990000; font:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;}
.redboldtextlarge{
color:#990000; font:Arial, Helvetica, sans-serif; font-size:28px; font-weight:bold;}
.redboldtextmed{
color:#990000; font:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold;}
.button1{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;	
	font-weight:bold; 
	width:50px;	
	height:25px;
	border:1px solid #82AAE5;
	color:#FFFFFF;
	/*background-color:#FFFFCC;*/
	background-image: url(../images/button.jpg);
	background-repeat: repeat;
	cursor:pointer;
	text-decoration:none;	
	
}

.reportmenu{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#FFFFFF;
	font-weight:bold;
	color:#1285BC;
}
.reportmenu:hover{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	background-color:#555555;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}
.reportmenulink{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
	color:#1285BC;
}
.reportmenulink:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#555555;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}
.tablehead {
	COLOR: #FFFFFF; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 8pt;
	background-color:#1099cd;
	font-weight:bold;
}
.linkHeadbox{
	background-color:#1099cd;
	color:#FFFFFF;
}
.selectedmenu{
    border:#97B7D7 solid 1px;
	background-color:#003366;
	padding:2px;
	
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:8pt;
	font-weight:bold;
    color:#FFFFFF;
   
}
.imgborder{
 	border:solid 3px #999;
}
.fieldtitleBold {
	COLOR: #9ca2a4;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
	text-decoration: none;
}

.infoboxlinks{
    font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:normal;
	color:#16387C;
	text-decoration:none;
	
	}		
.infoboxlinks:hover{
    font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:normal;
	color:#16387C;
	cursor:hand;
	text-decoration:underline;
	}
.infoboxtext{
    font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:normal;
	color:#16387C;
	text-decoration:none;
	
	}		
.infoboxtext:hover{
    font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:normal;
	color:#16387C;
	cursor:hand;
	
	}
.infoboxtitle{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	color:#FFFFFF;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

DIV#jqmTitleText{
	font-weight:bold;
	color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
}
DIV#jqmTitleClose{
	background-color:#1099cd;color:#FFF;padding-right:2px;height:20px;float:right;width:100%;
	cursor:move;
	
}
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 10%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color:#FFFFFF;
    color: #999999;
    border: 1px solid #1099cd;
     padding: 1px; 
}

.jqmOverlay { background-color: #CCCCCC; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


div.jqmAlert { /* contains + positions the alert window */
  display: none;
  position: fixed;
  top: 17%;
  width: 100%;
 /* border:solid 1px red; */
}
    
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html div.jqmAlert {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

div.jqmAlertWindow {
  height:auto;
  width: auto;
  margin: auto;
  max-width:200px;
  padding: 0 5px 5px;
  background:#1099cd;
  border:solid 1px #1099cd;
  color:#FFF;
}

.jqmAlertTitle{
  margin:5px 2px;
  height:20px;
  color:#FFF;

}
.jqmAlertTitle h1{
  margin:5px 2px;
  padding-left:5px;
  padding:0;
  font-size:14px;
  text-transform:capitalize;
  letter-spacing:-1px;
  font-weight:bold;
  color:#FFF;
  float:left;
  height:20px;
}

div.jqmAlert .jqmClose em{display:none;}
div.jqmAlert .jqmClose {
  width:12px;
  height:12px;
  display:block;
  text-align:right;
  float:right;
  clear:right;
  background:transparent url(../images/closewindow.gif) 0 0 no-repeat;
}

div.jqmAlert a.jqmClose:hover,div.jqmAlert a.jqmCloseHover{ background-position: 0 0px;background:transparent url(../images/closewindow.gif) 0 0 no-repeat; }

div.jqmAlertContent{
  border-top:px;
  color:#FFF;
  font:11px/14pt arial;
  padding:5px 20px 5px;
  margin:5px;
  border:1px dotted #FFF;
  letter-spacing:0px;
 
}

/*°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°
  clearing a float without additional markup
   http://www.positioniseverything.net/easyclearing.html */

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
div.jqmConfirm input[type="submit"] { padding: 2px; margin: 10px 22px; background: #1099cd; color: #FFF; border: 1px solid #FFF; height:20px;}

/* jqModal confirm CSS courtesy of;
   Alexandre Plennevaux <alexandre@pixeline.be>,
   Brice Burgess <bhb@iceburg.net> */

div.jqmConfirm { /* contains + positions the alert window */
  display: none;
  
  position: fixed;
  top: 17%;
  width: 100%;
}
    
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html div.jqmConfirm {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

div.jqmConfirmWindow {
  height:auto;
  width: auto;
  margin: auto;
  
  max-width:400px;
  padding: 0 10px 10px;
  
  background:#1099cd;
  border:1px solid #1099cd;
}

.jqmConfirmTitle{
  margin:5px 2px;
  height:20px;
  color:#000;
  background:#1099cd;
}
.jqmConfirmTitle h1{
  margin:5px 2px;
  padding-left:5px;
  padding:0;
  font-size:14px;
  text-transform:capitalize;
  letter-spacing:-1px;
  font-weight:bold;
  color:#1099cd;

  float:left;
  height:20px;
}

div.jqmConfirm .jqmClose em{display:none;}
div.jqmConfirm .jqmClose {
  width:12px;
  height:12px;
  display:block;
  float:right;
  clear:right;
  background:transparent url(../images/closewindow.gif) 0 0 no-repeat;
}

div.jqmConfirm a.jqmClose:hover{ background-position: 0 -20px;background:transparent url(../images/closewindow.gif) 0 0 no-repeat; }

div.jqmConfirmContent{
  border-top:px;
  color:#000;
  font:11px/14pt arial;
  padding:5px 5px 5px;
  margin:5px;
  border:1px dotted #FFF;
  letter-spacing:0px;
  color:#FFF;
  background:#1099cd ;
}

/*Â°Â°Â°Â°Â°Â°Â°Â°Â°Â°Â°Â°Â°Â°Â°Â°Â°Â°Â°Â°Â°Â°Â°Â°Â°Â°Â°Â°Â°Â°Â°Â°Â°Â°Â°Â°Â°Â°Â°Â°Â°Â°Â°Â°Â°Â°Â°Â°Â°
  clearing a float without additional markup
   http://www.positioniseverything.net/easyclearing.html */

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.jqHandle {
   background: red;
   height:15px;
}

.jqDrag {
  width: 100%;
  cursor: move;
}

.jqResize {
   width: 15px;
   position: absolute;
   bottom: 0;
   right: 0;
   cursor: se-resize;
}

.jqDnR {
    z-index: 3;
    position: relative;
    
    width: 180px;
    font-size: 0.77em;
    color: #618d5e;
    margin: 5px 10px 10px 10px;
    padding: 8px;
    background-color: #EEE;
    border: 1px solid #CCC;
}
/******************POP UP STYLE ENDS ***************************/

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/* Fields hint to Hide and Show (Tips for text box fields )*/
.hint {
   	display: none;
    position: absolute;
    right: 50px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(../images/pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(../images/pointer.gif) left top no-repeat;
}


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
	/*(Tips for text box fields Ends)*/