/* ===========================================================
   kauasMain01.css
=========================================================== */
body { margin:0; padding:0; font:12px verdana; color:#303030; background:#fff; }
*{ margin:0; padding:0; }
img, input, select, textarea { border:none;outline:none; resize:none; }
.bodyTopImg{background: #FFFFFF url(../images/kauasMix.png) top center no-repeat; height:27px; width:100%; }
.bodyBtmImg{background: #FFFFFF url(../images/kauasMix.png) bottom center no-repeat; height:27px; width:100%; }
.kauasMain	{ width:932px; margin:auto; padding:0 10px; background:#fff; }
.fnt_ver12{font:normal 12px verdana;}

.border1	{ border:1px solid #aaa;}
a{outline:none}
radio{outline:none}

.GoBut{height:28px; padding:5px; background:url(../images/inpt-btn-bg.jpg) repeat-x #03a9ee;float:left; color:#fff;width:80px;margin-left:5px;font:bold 13px verdana;outline: none; -moz-border-radius:5px; border:solid 1px #0082b9;-webkit-border-radius: 5px; -khtml-border-radius: 5px;border-radius:5px; }
input.GoBut{outlne:none;}

.help1{font:bold 1.5em trebuchet Ms,arial,tahoma;clear:both;float:right;color:#9d9e9f}
.help2{clear:both;float:right;margin-top:45px}
.rgtLinks_s50{color:#9D9E9F;font:bold 12px verdana;float:right:width:300px;text-align:right;padding:5px 0px;}
.rgtLinks_s50 a{color:#9D9E9F;text-decoration:underline;}
.rgtLinks_s50 a:hover{color:#9D9E9F;text-decoration:none;}

/* -----------------------------------------------------
	Global lable, input, textarea, select box, properties
	----------------------------------------------------- */
.lblText	{ text-align:right; line-height:20px; margin-right:2px;color:#575757 }
.inputText { height:16px; padding:2px; background:#f8f8f8; border:1px solid #9d9e9f;}
.inputText:hover, .inputText:focus  { border:1px solid #03a9ee; }
.textArea { padding:2px; background:#f8f8f8; border:1px solid #aaa; -moz-border-radius:2px; font:normal 13px verdana;}
.textArea:hover,.textArea:focus { border:1px solid #00a7f6; }
.textArea a{ color:#006088; }
.textArea a:hover{ color:#575757; }
.textArea ol, .textArea ul{margin-left:30px}
.selectBox { height:20px; background:#f8f8f8; border:1px solid #aaa; -moz-border-radius:2px; }
.selectBox:hover,.selectBox:focus { border:1px solid #00a7f6; }
select{font-weight:normal}
.fileBox { background:#f8f8f8; border:1px solid #aaa; -moz-border-radius:2px; }
.radioText	{ line-height:20px; }
.radioBut	{ vertical-align:middle; margin:0 5px 0 2px; }
.head1{ font-size:13px; font-weight:bold; color:#006186;}

button[type=button] { height:22px; background:#f8f8f8; border:1px solid #aaa;}
.but1{ border:1px solid #03A9EE; height:22px; padding:0 5px; background: #03A9EE;  overflow:visible;color: #fff;font: bold 12px verdana;cursor:pointer; background:url(../images/inpt-btn-bg.jpg) repeat-x #03a9ee; -moz-border-radius:5px; border:solid 1px #0082b9;-webkit-border-radius: 5px; -khtml-border-radius: 5px;border-radius:5px;}
.but1:hover{ border:1px solid #03B9FF; background: #03B9FF; }
.but2{ border:1px solid #888888; height:22px; padding:0 5px; background: #888888;  overflow:visible;color: #fff;font: bold 12px verdana;cursor:pointer;-moz-border-radius:5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;border-radius:5px;}
.but2:hover{ border:1px solid #8a8a8a; background: #999999; }
.but4{ border:1px solid #9D9E9F; height:22px; padding:0 5px; background: #9D9E9F;  overflow:visible;color: #fff;font: bold 12px verdana;cursor:pointer;-moz-border-radius:5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;border-radius:5px;}
.but4:hover{ border:1px solid #8a8a8a; background: #999999; }
a.but1, a.but4{text-decoration: none;line-height: 26px;padding: 3px 5px;}

.hoverBG{ }
.hoverBG:hover	{ background:url(../images/hover.png); -moz-border-radius:3px; }
.hoverGray{ }
.hoverGray:hover	{ background:#eeeeee; -moz-border-radius:3px; }
.hoverBlue{ }
.hoverBlue:hover	{ background:#D9F1FB; -moz-border-radius:3px; }
.line	{ background:url(../images/line.png) center 100% no-repeat; height:1px; }
.head_s51{float:left}
.head_s51 a{color:#006088;font:bold 16px verdana;text-decoration: none}
.head_s51 a:hover{color:#006088;font:bold 16px verdana;text-decoration: underline}
p		{ margin-top:10px; }

/* ---------------------------------------------------------
 	Akash :: Header Area Properties
 	--------------------------------------------------------- */
	.headerMain{width:100%;min-height:100px;border-bottom:2px solid #66a0b8;padding-top:25px;margin-bottom:10px;}
	.logoDiv	{float:left;width:249px;height:90px;margin-bottom:2px;}
	.AdvtArea	{float:left;width:275px;min-height:60px; height:auto; overflow:hidden; margin-left:10px; text-align:center; vertical-align:middle;}

	.acountDiv	{float:left; margin-top:5px;}
	a.UsrHomePglink{color:#006088;text-decoration:none;}
	a:hover.UsrHomePglink {text-decoration:underline;}
	.greetings_home{margin-right:5px;}
	.Hgreetings{color:#575757;line-height:18px;}
	.inputTextSrch {width:176px; height:16px; padding:5px;background:#f1efef; border:1px solid #e1e2e3;float:left;line-height:22px;color:#575757}
	a.sign_outH {color:#006088;text-decoration:none; line-height:18px; padding-left:10px;}
	a:hover.sign_outH {text-decoration:underline;}
	.userdtl-mn{height:18px; border-right:solid 1px #CCCCCC; padding-right:10px; line-height:18px;}
	.userdtl-last{height:18px;line-height:18px; border-right:solid 1px #CCCCCC; padding-right:10px;}

	.Hlink_active1  {font:bold 13px verdana;color:#23b3ef;padding:10px 20px 4px 20px;cursor:pointer;float:left;background:#f3f2f2 url(../images/submenuarrow.png) no-repeat right;text-decoration:none}

	.searchDiv{float:right;width:349px;min-height:22px;text-align:right;margin-top:10px;}
	/*.searchDiv .searchTxt{ border:1px solid #bebfba; width:110px; height:16px; background:#eeeeee; padding:2px 3px; -moz-border-radius:2px; float:left; }
	.searchDiv .searchTxt:hover, .searchDiv .searchTxt:focus  { border:1px solid #00a7f6; }
	.searchDiv .searchBut{ border:1px solid #bebfba; height:22px; padding:0 5px; background:#eeeeee; -moz-border-radius:2px; float:right; }
	.searchDiv .searchBut:hover{ border:1px solid #1D6F00; background:#278C02; color:#fff;}*/

	.path { color:#03a9ee; font:bold 11px verdana}
	.path a	{ color:#03a9ee; font:bold 11px verdana}
	.path a:hover	{ text-decoration:underline; color:#9d9E9f; text-decoration:underline;}
/* =========================================================
 	Akash :: Header Area Properties OVER
 	========================================================= */


/* ---------------------------------------------------------
 	Akash :: Main Content Properties
 	--------------------------------------------------------- */
.leftDiv{width:699px;height:auto; float:left; min-height:50px;}
.rightDiv{width:167px; float:right;  background:#fff;}
.leftDivSmall{width:585px;height:auto; float:left;}
.middleDiv{ width:170px; height:auto; float:left; margin-left:5px; min-height:200px; }

	/* ---------------------------------------------------------
		Akash :: Round Div properties
		 --------------------------------------------------------- */

		/* ---------------------------------------------------------
			 Akash :: Round Div White properties
			 --------------------------------------------------------- */
			.roundDiv	{  }
			.roundDiv > .roundDivTop	{ height:5px; width:100%; display:block; line-height:0px; }
				/*.roundDiv > .roundDivTop b	{ background:url(../images/kauasMix.png) right -150px no-repeat; height:5px; width:5px; float:right; display:block;  line-height:0px; }*/
			.roundDiv > .roundDivContent	{ width:auto; background-color: #ffffff;}
			.roundDiv > .roundDivBtm	{ clear:both; height:5px; width:100%; display:block; line-height:0px; }
				/*.roundDiv > .roundDivBtm b	{ background:url(../images/kauasMix.png) right -190px no-repeat; height:5px; width:5px; float:right; display:block;  line-height:0px; }*/

		/* ---------------------------------------------------------
			Akash :: Round Div Used for Menu Light Yellish Gray Bg properties
			 --------------------------------------------------------- */
			.roundDiv2	{ position:relative; }
			/*.roundDiv2 > .roundDivTop	{ background:url(../images/kauasMix.png) left -200px no-repeat; height:5px; width:100%; display:block; line-height:0px; }*/
				/*.roundDiv2 > .roundDivTop b	{ background:url(../images/kauasMix.png) right -200px no-repeat; height:5px; width:5px; float:right; display:block; line-height:0px; }*/
			.roundDiv2 > .roundDivContent	{ width:auto; background-color: #e8e8de; border-color:#a19ba5; border-style:solid; border-width:0 1px;}
			.roundDiv2 > .roundDivBtm	{ clear:both; background:url(../images/kauasMix.png) left -240px no-repeat; height:5px; width:100%; display:block; line-height:0px; }
				/*.roundDiv2 > .roundDivBtm b	{ background:url(../images/kauasMix.png) right -240px no-repeat; height:5px; width:5px; float:right; display:block; line-height:0px; }*/


		/* ---------------------------------------------------------
			Akash :: Round Div Light yellow Bg which have no border
			 --------------------------------------------------------- */
			.roundDiv3	{ position:relative; }
			/* .roundDiv3 > .roundDivTop	{ background:url(../images/kauasMix.png) left -250px no-repeat; height:5px; width:100%; display:block; line-height:0px; }
				.roundDiv3 > .roundDivTop b	{ background:url(../images/kauasMix.png) right -250px no-repeat; height:5px; width:5px; float:right; display:block; line-height:0px; } */
			.roundDiv3 > .roundDivContent	{ width:auto; background-color: #ededc9; border-color:#ededc9; border-style:solid; border-width:0 1px;}
			/*.roundDiv3 > .roundDivBtm	{ clear:both; background:url(../images/kauasMix.png) left -290px no-repeat; height:5px; width:100%; display:block; line-height:0px; }
				.roundDiv3 > .roundDivBtm b	{ background:url(../images/kauasMix.png) right -290px no-repeat; height:5px; width:5px; float:right; display:block; line-height:0px; }*/


		/* ---------------------------------------------------------
			Akash :: Round Div Light Blue Bg which have no border
			 --------------------------------------------------------- */
			.roundDiv4	{ position:relative; }
			/*.roundDiv4 > .roundDivTop	{ background:url(../images/kauasMix.png) left -300px no-repeat; height:5px; width:100%; display:block; line-height:0px; }
				.roundDiv4 > .roundDivTop b	{ background:url(../images/kauasMix.png) right -300px no-repeat; height:5px; width:5px; float:right; display:block; line-height:0px; } */
			.roundDiv4 > .roundDivContent	{ width:auto; background-color: #e2e4f1; border-color:#e2e4f1; border-style:solid; border-width:0 1px;}
			/*.roundDiv4 > .roundDivBtm	{ clear:both; background:url(../images/kauasMix.png) left -340px no-repeat; height:5px; width:100%; display:block; line-height:0px; }
				.roundDiv4 > .roundDivBtm b	{ background:url(../images/kauasMix.png) right -340px no-repeat; height:5px; width:5px; float:right; display:block; line-height:0px; } */

			.roundDiv_s50 > .roundDivContent	{ width:auto; background-color: #f4f4f4; border-color: #f4f4f4; border-style:solid; border-width:0 1px;font:13px verdana}
			.roundDiv_s50 > .roundDivContent a{ color:#037dae;}

			.roundDiv_s51 > .roundDivContent	{ width:auto; background-color: #c6e1fb; border-color: #c6e1fb; border-style:solid; border-width:0 1px;font:13px verdana}
			.roundDiv_s51 > .roundDivContent a{ color:#037dae;}

		/* ---------------------------------------------------------
			Akash :: Round Div Cyan Bg which have no border
			 --------------------------------------------------------- */
			.roundDiv5	{ position:relative; }
			/*.roundDiv5 > .roundDivTop	{ background:url(../images/kauasMix.png) left -350px no-repeat; height:5px; width:100%; display:block; line-height:0px; }
				.roundDiv5 > .roundDivTop b	{ background:url(../images/kauasMix.png) right -350px no-repeat; height:5px; width:5px; float:right; display:block; line-height:0px; } */
			.roundDiv5 > .roundDivContent	{ width:auto; background-color: #a5d3e3; border-color:#a5d3e3; border-style:solid; border-width:0 1px;}
			/*.roundDiv5 > .roundDivBtm	{ clear:both; background:url(../images/kauasMix.png) left -390px no-repeat; height:5px; width:100%; display:block; line-height:0px; }
				.roundDiv5 > .roundDivBtm b	{ background:url(../images/kauasMix.png) right -390px no-repeat; height:5px; width:5px; float:right; display:block; line-height:0px; }*/

		/* ---------------------------------------------------------
			Akash :: Round Div Green Bg which have no border
			 --------------------------------------------------------- */
			.roundDiv6	{ position:relative; }
			/*.roundDiv6 > .roundDivTop	{ background:url(../images/kauasMix.png) left -400px no-repeat; height:5px; width:100%; display:block; line-height:0px; }
				.roundDiv6 > .roundDivTop b	{ background:url(../images/kauasMix.png) right -400px no-repeat; height:5px; width:5px; float:right; display:block; line-height:0px; } */
			.roundDiv6 > .roundDivContent	{ width:auto; background-color: #bee3db; border-color:#bee3db; border-style:solid; border-width:0 1px;}
			/*.roundDiv6 > .roundDivBtm	{ clear:both; background:url(../images/kauasMix.png) left -440px no-repeat; height:5px; width:100%; display:block; line-height:0px; }
				.roundDiv6 > .roundDivBtm b	{ background:url(../images/kauasMix.png) right -440px no-repeat; height:5px; width:5px; float:right; display:block; line-height:0px; } */

		/* ---------------------------------------------------------
			Akash :: Round Div Green Bg which have no border
			 --------------------------------------------------------- */
			.roundDiv7	{ position:relative; }
			/*.roundDiv7 > .roundDivTop	{ background:url(../images/kauasMix.png) left -500px no-repeat; height:5px; width:100%; display:block; line-height:0px; }
				.roundDiv7 > .roundDivTop b	{ background:url(../images/kauasMix.png) right -500px no-repeat; height:5px; width:5px; float:right; display:block; line-height:0px; } */
			.roundDiv7 > .roundDivContent	{ width:auto; background-color: #c3d0e3; border-color:#c3d0e3; border-style:solid; border-width:0 1px;}
			/*.roundDiv7 > .roundDivBtm	{ clear:both; background:url(../images/kauasMix.png) left -540px no-repeat; height:5px; width:100%; display:block; line-height:0px; }
				.roundDiv7 > .roundDivBtm b	{ background:url(../images/kauasMix.png) right -540px no-repeat; height:5px; width:5px; float:right; display:block; line-height:0px; } */

		/* ---------------------------------------------------------
			Akash :: Round Div Green Bg which have no border
			 --------------------------------------------------------- */
			.roundDiv8	{ position:relative; }
			/*.roundDiv8 > .roundDivTop	{ background:url(../images/kauasMix.png) left -550px no-repeat; height:5px; width:100%; display:block; line-height:0px; }
				.roundDiv8 > .roundDivTop b	{ background:url(../images/kauasMix.png) right -550px no-repeat; height:5px; width:5px; float:right; display:block; line-height:0px; } */
			.roundDiv8 > .roundDivContent	{ width:auto; background-color: #c9effe; border-color:#03a9ee; border-style:solid; border-width:1px 1px 0px 1px;}
			/*.roundDiv8 > .roundDivBtm	{ clear:both; background:url(../images/kauasMix.png) left -590px no-repeat; height:5px; width:100%; display:block; line-height:0px; }
				.roundDiv8 > .roundDivBtm b	{ background:url(../images/kauasMix.png) right -590px no-repeat; height:5px; width:5px; float:right; display:block; line-height:0px; } */

		/* ---------------------------------------------------------
			Akash :: Round Div Green Bg which have no border
			 --------------------------------------------------------- */
			.roundDiv9	{ position:relative; }
			/*.roundDiv9 > .roundDivTop	{ background:url(../images/kauasMix.png) left -600px no-repeat; height:5px; width:100%; display:block; line-height:0px; }
				.roundDiv9 > .roundDivTop b	{ background:url(../images/kauasMix.png) right -600px no-repeat; height:5px; width:5px; float:right; display:block; line-height:0px; } */
			.roundDiv9 > .roundDivContent	{ width:auto; background-color: #ede7de; border-color:#ede7de; border-style:solid; border-width:0 1px;}
			/*.roundDiv9 > .roundDivBtm	{ clear:both; background:url(../images/kauasMix.png) left -640px no-repeat; height:5px; width:100%; display:block; line-height:0px; }
				.roundDiv9 > .roundDivBtm b	{ background:url(../images/kauasMix.png) right -640px no-repeat; height:5px; width:5px; float:right; display:block; line-height:0px; } */

		/* ---------------------------------------------------------
			Akash :: Round Div Green Bg which have no border
			 --------------------------------------------------------- */
			.roundDiv10	{ position:relative; }
			/*.roundDiv10 > .roundDivTop	{ background:url(../images/kauasMix.png) left -650px no-repeat; height:5px; width:100%; display:block; line-height:0px; }
				.roundDiv10 > .roundDivTop b	{ background:url(../images/kauasMix.png) right -650px no-repeat; height:5px; width:5px; float:right; display:block; line-height:0px; }*/
			.roundDiv10 > .roundDivContent	{ width:auto; background-color: #e2f1e8; border-color:#e2f1e8; border-style:solid; border-width:0 1px;}
			/*.roundDiv10 > .roundDivBtm	{ clear:both; background:url(../images/kauasMix.png) left -690px no-repeat; height:5px; width:100%; display:block; line-height:0px; }
				.roundDiv10 > .roundDivBtm b	{ background:url(../images/kauasMix.png) right -690px no-repeat; height:5px; width:5px; float:right; display:block; line-height:0px; }*/



		/* ---------------------------------------------------------
			 Akash :: Round Div Bottom joined properties
			 --------------------------------------------------------- */
		.roundDivBtm 			{ padding-bottom:5px;}
		.roundDivBtmJoin 		{ clear:both; background:url(../images/kauasMix.png) left -100px no-repeat; height:6px; width:100%; display:block; line-height:0px;}
			.roundDivBtmJoin b		{ background:url(../images/kauasMix.png) right -100px no-repeat; height:6px; width:5px; float:right; display:block; line-height:0px; }

		/* ---------------------------------------------------------
			 Akash :: Round Div White properties
			 --------------------------------------------------------- */
			.roundDiv1	{ position:relative; }
			/*.roundDiv1 > .roundDivTop	{ background:url(../images/kauasMix.png) left -450px no-repeat; height:5px; width:100%; display:block; line-height:0px; }
				.roundDiv1 > .roundDivTop b	{ background:url(../images/kauasMix.png) right -450px no-repeat; height:5px; width:5px; float:right; display:block;  line-height:0px; } */
			.roundDiv1 > .roundDivContent	{ width:auto; background-color: #ffffff; border-color:#a19ba5; border-style:solid; border-width:0 1px;}
			.roundDiv1 > .shadow	{ background-image: url(../images/roundDivShadow.png); background-repeat:repeat-x; }
			.roundDiv1 .roundDivBtm 			{ padding-bottom:5px;}
			.roundDiv1 .roundDivBtmJoin 		{ clear:both; background:url(../images/kauasMix.png) left -100px no-repeat; height:6px; width:100%; display:block; line-height:0px;}
				.roundDiv1 .roundDivBtmJoin b		{ background:url(../images/kauasMix.png) right -100px no-repeat; height:6px; width:5px; float:right; display:block; line-height:0px; }
			/*.roundDiv1 > .roundDivBtm	{ clear:both; background:url(../images/kauasMix.png) left -190px no-repeat; height:5px; width:100%; display:block; line-height:0px; }
				.roundDiv1 > .roundDivBtm b	{ background:url(../images/kauasMix.png) right -190px no-repeat; height:5px; width:5px; float:right; display:block;  line-height:0px; } */

		/*
		 * Akash :: global properties for all round divs
		 *
		 *			header for sortable div
		 */
		 .roundDivTop, .roundDivBtm { height:5px; display:block; line-height:0px; background:none; }
		 .roundDivTop b, .roundDivBtm b{ height:5px; display:block; line-height:0px; background:none; }
		.roundDivContent		{ min-height:0px; height:auto; padding:0px 10px; }
		.roundDivContent .spanRight		{ width:60%; float:left; }
		.roundDivHeader			{ min-height:20px; height:auto; padding:3px 10px;}
		.roundDivHeader	.head2 	{ float:left; font-size:12px; font-weight:bold; color:#207500; }
		.roundDivHeader	.head3 	{ float:left; font-size:14px; font-weight:bold; }
		.roundDivHeader	img.hImg{ float:left; margin:0 3px;}
		.roundDivHeader	img.imgHandler { float:right; margin:0 3px; }
		.imgHandler:hover, .trieur:hover, .trieurFe:hover, .trieur:hover label, .trieurFe:hover label	{cursor:move;}

	/* ======================================
		Akash :: Round Div properties OVER
		 ====================================== */

	/* ---------------------------------------------------------
		Akash :: Menu properties
		--------------------------------------------------------- */
		.menuDiv	{ width:100%; position:absolute; top:-23px; height:23px;}
		.menuOn	{ margin-top:23px; }

		/* ---------------------------------------------------------
			Akash :: Default Menu properties
			--------------------------------------------------------- */
		.roundMenu	{ float:left; }
		.roundMenu .roundDivContent	{ width:auto; height:22px; display:block; float:left; background-color: #e8e8de; border-color:#a19ba5; border-style:solid; border-width:1px 0px 1px; padding:0 4px; line-height:20px; }
		.roundMenu .roundDivLeft	{ background:url(../images/kauasMix.png) left -200px no-repeat; height:23px; width:5px; display:block; float:left; }
		.roundMenu .roundDivRight	{ background:url(../images/kauasMix.png) right -200px no-repeat; height:23px; width:0px; display:block; float:left; }

		/* ---------------------------------------------------------
			Akash :: Menu Selected properties
			--------------------------------------------------------- */
			.roundMenuSel	{ float:left; }
			.roundMenuSel .roundDivContent	{ width:auto; height:22px; display:block; float:left; background-color: #ffffff; border-color:#a19ba5 #a19ba5 #ffffff; border-style:solid; border-width:1px 0px 1px; padding:0 8px; line-height:20px; }
			.roundMenuSel .roundDivLeft	{ background:url(../images/kauasMix.png) left -150px no-repeat; height:23px; border-bottom:1px solid #ffffff; width:5px; display:block; float:left; }
			.roundMenuSel .roundDivRight	{ background:url(../images/kauasMix.png) right -150px no-repeat; height:23px; border-bottom:1px solid #ffffff; width:0px; display:block; float:left; }

		.menuDiv .first			{ margin-left:10px; }
		.menuDiv .rightSideMenu	{ float:right; margin-right:10px; }
		.innerMenuDiv	{ width:100%; position:relative; height:23px; border-bottom:0px solid #02abf0; }
		.innerMenuDiv .first			{ margin-left:5px; }

	/* =========================================================
		Akash :: Menu properties Over
		========================================================= */


	/* ---------------------------------------------------------
		Akash :: Global List properties
		--------------------------------------------------------- */
	.GlobalList	{ float:left; width:340px; margin-left:15px; }
	.imgGlobalList	{ border:1px solid #dddddd; float:left; width:52px;}
	.GlobalText		{ float:left; margin-left:10px; width: 270px; }


/* ---------------------------------------------------------
	Akash :: Right Panel properties
	--------------------------------------------------------- */
	.featured .img1	{border:1px solid #cccccc; width:55px; float:left; }
	.featured .DescText	{ float:left; width:105px; margin-left:5px; }

	.tutorial .img1	{border:1px none #cccccc; width:55px; float:left; }
	.tutorial .question	{ float:left; width:105px; margin-left:5px; font-weight:bold; }
	.tutorial .answer	{ clear:left; }


/* ---------------------------------------------------------
	Akash :: Box properties to display in Theme, my Profile, Travel Planner, etc...
	--------------------------------------------------------- */
.box335	{ width:335px; margin-top:5px; margin-bottom:15px;}
.box335	.boxText{ width:265px; float:right; margin-right:10px; }

.box355	{ width:355px; margin-top:5px; margin-bottom:15px;}
.box355	.boxText{ width:285px; float:right; margin-right:10px; }

.box360	{ width:360px; margin-top:5px; margin-bottom:15px;}
.box360	.boxText{ width:345px; float:right; margin-right:10px; }


/* ---------------------------------------------------------
	Change Password
	--------------------------------------------------------- */
	.changePwd{ width:100%; }
	.changePwd > div{ width:100%; float:left; margin-bottom:3px; clear:both;}
	.changePwd div span.text{ float:left; line-height:20px;}
	.changePwd .lblText	{ width:30%;}
	.changePwd .inputText { width:30%;}
	.changePwd div[class="c0"],
	.changePwd div[class="c10"]{ width:100%; float:inherit; margin-bottom:0px; clear:both;}

/* ---------------------------------------------------------
	user/moreDetail
	--------------------------------------------------------- */
	.moreDetail{ width:100%; }
	.moreDetail > div{ width:100%; float:left; margin-bottom:3px; clear:both;}
	.moreDetail div span.text{ float:left; line-height:20px;}
	.moreDetail .lblText	{ width:35%;}
	.moreDetail .inputText{ width:30%;}
	.moreDetail .leftRightDiv	{ width:60%; float:left; line-height:20px; }
	.moreDetail .textArea	{ width:30%; }
	.moreDetail .radioText{ line-height:20px; }
	.moreDetail .radioBut	{ vertical-align:middle; margin:0 5px 0 2px; }
	.moreDetail div[class="c0"],
	.moreDetail div[class="c5"]{ width:100%; float:inherit; margin-bottom:0px; clear:both;}

/* ---------------------------------------------------------
	themes/addTheme		Add Theme ||	themes/editTheme	editTheme
	--------------------------------------------------------- */
	.addTheme{ width:100%; }
	.addTheme > div{ width:100%; float:left; margin-bottom:3px; clear:both;}
	.addTheme > div:hover{ background:url(../images/hover.png); -moz-border-radius:5px; }
	.addTheme div span.text{ float:left; line-height:20px;}
	.addTheme .lblText	{ width:30%;}
	.addTheme .inputText  { width:50%;}
	.addTheme .leftRightDiv  { width:60%; float:left; line-height:20px;}
	.addTheme .radioText	{ line-height:20px; }
	.addTheme .radioBut	{ vertical-align:middle; margin:0 5px 0 2px; }
	.addTheme div[class="c0"]{ width:100%; float:inherit; margin-bottom:0px; clear:both;}


/* ---------------------------------------------------------
	themes/viewGroup		viewGroup
	--------------------------------------------------------- */
	.viewGroup{ width:100%; }
	.viewGroup > div{ width:100%; float:left; margin-bottom:3px; clear:both;}

	.viewGroup div span.text{ float:left; line-height:20px;}
	.viewGroup .inputText  { width:50%;}
	.viewGroup .theme_grpImg  { width:35%; float:left; }
	.viewGroup .theme_grpCnt  { width:60%; float:left; line-height:20px;}
	.viewGroup .theme_grpCnt > div { width:100%; float:left; margin-bottom:3px; clear:both; }
	.viewGroup .theme_grpCnt .lblText	{ width:30%;}
	.viewGroup .radioText	{ line-height:20px; }
	.viewGroup .radioBut	{ vertical-align:middle; margin:0 5px 0 2px; }
	.viewGroup div[class="c0"]{ width:100%; float:inherit; margin-bottom:0px; clear:both;}



/* ---------------------------------------------------------
	TravelPlan / basicContentSuccess
	--------------------------------------------------------- */
	.basicContent{ width:100%; }
	.basicContent > div{ width:100%; float:left; margin-bottom:3px; clear:both;}
	.basicContent div span.text{ float:left; line-height:20px;}
	.basicContent .lblText	{ width:35%;}
	.basicContent .inputText{ width:50%;}
	.basicContent .leftRightDiv	{ width:60%; float:left; line-height:20px; }
	.basicContent .textArea	{ width:50%; }
	.basicContent .radioText{ line-height:20px; }
	.basicContent .radioBut	{ vertical-align:middle; margin:0 5px 0 2px; }
	.basicContent div[class="c0"],
	.basicContent div[class="c5"]{ width:100%; float:inherit; margin-bottom:0px; clear:both;}


/* ---------------------------------------------------------
	TravelPlan / travelPlanSubList
	--------------------------------------------------------- */
	.travelPlanSubList{ width:100%; }
	.travelPlanSubList > div{ width:100%; float:left; margin-bottom:3px; clear:both;}
	.travelPlanSubList > div:hover{ background:url(../images/hover.png); -moz-border-radius:5px; }
	.travelPlanSubList div span.text{ float:left; line-height:20px;}
	.travelPlanSubList .lblText	{ width:35%;}
	.travelPlanSubList .inputText{ width:50%;}
	.travelPlanSubList .textArea	{ width:50%; }
	.travelPlanSubList .radioText{ line-height:20px; }
	.travelPlanSubList .radioBut	{ vertical-align:middle; margin:0 5px 0 2px; }
	.travelPlanSubList div[class="c0"]{ width:100%; float:inherit; margin-bottom:0px; clear:both;}


/* ---------------------------------------------------------
	travelplan/show/ 	travel_plan_basic_info
	--------------------------------------------------------- */
	#travel_plan_basic_info{ width:auto; }
	#travel_plan_basic_info > div{ width:100%; float:left; margin-bottom:3px; clear:both;}
	#travel_plan_basic_info div span.text{ float:left; line-height:20px;}
	#travel_plan_basic_info .description { width:90%; font-weight:bold; margin-left:50px; }
	#travel_plan_basic_info .lblText	{ width:35%;}
	#travel_plan_basic_info .inputText{ width:50%;}
	#travel_plan_basic_info .textArea	{ width:50%; }
	#travel_plan_basic_info .radioText{ line-height:20px; }
	#travel_plan_basic_info .radioBut	{ vertical-align:middle; margin:0 5px 0 2px; }
	#travel_plan_basic_info div[class="c0"]{ width:100%; float:inherit; margin-bottom:0px; clear:both;}



/* ---------------------------------------------------------
	travelplan/show/ 	article_rgtpanelmain	middle column data
	---------------------------------------------------------
	.article_rgtpanelmain	{ padding:0 3px; }
	.article_rgtpanelmain .article_title	{ font-weight:bold; }
	.article_rgtpanelmain .article_rgtLable	{ }
	.article_rgtpanelmain .article_leftItem	{ float:left; vertical-align:middle;}
	.article_rgtpanelmain .article_rightItem	{ width:130px; float:right; padding-top:3px;}
*/

/* ---------------------------------------------------------
	right panel
	--------------------------------------------------------- */
	.rPanel_leftItem	{ float:left; vertical-align:middle;}
	.rPanel_rightItem	{ width:180px;float:right; padding-top:3px;}

/* ---------------------------------------------------------
	TravelPlan / editPlan
	--------------------------------------------------------- */
	.editPlan{ width:100%; }
	.editPlan > div{ width:100%; float:left; margin-bottom:3px; clear:both;}
	.editPlan > div:hover{ background:url(../images/hover.png); -moz-border-radius:5px; }
	.editPlan div span.text{ float:left; line-height:20px;}
	.editPlan .lblText	{ width:35%;}
	.editPlan .inputText{ width:50%;}
	.editPlan .textArea	{ width:50%; }
	.editPlan .radioText{ line-height:20px; }
	.editPlan .radioBut	{ vertical-align:middle; margin:0 5px 0 2px; }
	.editPlan div[class="c0"]{ width:100%; float:inherit; margin-bottom:0px; clear:both;}
	.editPlan ul, .editPlan li	{ list-style:none;}


/* ---------------------------------------------------------
	themes/addTheme		addArticle
	--------------------------------------------------------- */
	.addArticle{ width:100%; }
	.addArticle > div{ width:100%; float:left; margin-bottom:3px; clear:both;}
/*	.addArticle > div:hover{ background:url(../images/hover.png); -moz-border-radius:5px; } */
	.addArticle div span.text{ float:left; line-height:20px;}
	.addArticle .lblText	{ width:30%;}
	.addArticle .inputText  { width:50%;}
	.addArticle .leftRightDiv  { width:60%; float:left; line-height:20px;}
	.addArticle .radioText	{ line-height:20px; }
	.addArticle .radioBut	{ vertical-align:middle; margin:0 5px 0 2px; }
	.addArticle div[class="c0"]{ width:100%; float:inherit; margin-bottom:0px; clear:both;}


/* ---------------------------------------------------------
	/search/advSearch 	advSearchSuccess
	--------------------------------------------------------- */

	.advSrch{ width:100%; }
	.advSrch > div{ width:100%; float:left; margin-bottom:3px; clear:both;}
	.advSrch .lblText	 { width:35%; }
	.advSrch .inputText { width:34.3%; }
	.advSrch .selectBox { width:35%; }
	.advSrch div[class="c0"],
	.advSrch div[class="c5"]{ width:100%; float:inherit; margin-bottom:0px; clear:both;}

/* ---------------------------------------------------------
	/search/advSearch 	advSearchSuccess
	--------------------------------------------------------- */
	.listSearch { width:100%;min-height:50px;height:auto; }
	.listSearch > div	{width:100%; margin-bottom:0px; clear:both; float:left;}
	.listSearch .lblText	{ width:30%; font-weight:bold; }
	.listSearch .inputText  { width:50%;}
	.listSearch div[class="c0"]{ width:100%; float:inherit; margin-bottom:0px; clear:both;}


/* ---------------------------------------------------------
	/article/show 	showSuccess
	--------------------------------------------------------- */
	.articleShow { width:100%; }
	.articleShow > div	{width:100%; margin-bottom:3px; clear:both; float:left;}
	.articleShow .lblText	{ width:30%; font-weight:bold; }
	.articleShow .inputText  { width:50%;}
	.articleShow a  { color:#004973;}
	.articleShow li  { margin-left:30px; }
	.articleShow div[class="c0"]{ width:100%; float:inherit; margin-bottom:0px; clear:both;}

	.articleComment { width:100%; }
	.articleComment > div	{width:100%; margin-bottom:5px; clear:both; float:left;}
	.articleComment .lblText	{ width:50%; }
	.articleComment div[class="c0"]{ width:100%; float:inherit; margin-bottom:0px; clear:both;}


/* ---------------------------------------------------------
	/article/editContent 	editContentSuccess
	--------------------------------------------------------- */
	.editContent { width:100%; }
	.editContent > div	{width:100%; margin-bottom:3px; clear:both; float:left;}
	.editContent .lblText	{ width:30%; }
	.editContent .inputText  { width:50%;}
	.editContent .leftRightDiv  { width:65%; float:left; line-height:20px;}
	.editContent .radioText	{ line-height:20px; }
	.editContent .radioBut	{ vertical-align:middle; margin:0 5px 0 2px; }
	.editContent div[class="c0"]{ width:100%; float:inherit; margin-bottom:0px; clear:both;}
	.editContent a  { color:#004973;}
	.editContent div[class="c0"]{ width:100%; float:inherit; margin-bottom:0px; clear:both;}

/* ---------------------------------------------------------
	/search/advSearch 	advSearchSuccess
	--------------------------------------------------------- */
	.inviteFriend { width:100%; }
	.inviteFriend > div	{width:100%; margin-bottom:10px; clear:both; float:left;}
	.inviteFriend .lblText	{ width:90%; }
	.inviteFriend .inputText  { width:50%;}
	.inviteFriend div[class="c0"]{ width:100%; float:inherit; margin-bottom:0px; clear:both;}


/* ---------------------------------------------------------
	/search/advSearch 	subParaSuccess
	--------------------------------------------------------- */
	.subParaSuccess { width:100%; }
	.subParaSuccess > div	{width:100%; margin-bottom:3px; clear:both; float:left;}
	.subParaSuccess > div:hover{ background:url(../images/hover.png); -moz-border-radius:5px; }
	.subParaSuccess .paraLeft	{ width:20%; float:left; text-align:right; margin-right:5px; }
	.subParaSuccess .paraRight  { width:70%; float:left; }
	.subParaSuccess div[class="c0"]{ width:100%; float:inherit; margin-bottom:0px; clear:both;}

/* ---------------------------------------------------------
	/themes/subGroup 	subGroupList
	--------------------------------------------------------- */
	.subGroupList { width:100%; }
	.subGroupList > div	{width:99%; margin-bottom:10px; clear:both; float:left; padding:3px 0; }
	.subGroupList .subGroupListLeft	{ float:left; margin-right:5px; }
	.subGroupList .subGroupListRight	{ width: 90%; float:left;}
	.subGroupList .lblText	{ width:90%; }
	.subGroupList .inputText  { width:50%;}
	.subGroupList div[class="c0"],
	.subGroupList div[class="c5"],
	.subGroupList div[class="c10"]{ width:100%; float:inherit; margin-bottom:0px; clear:both;}



/* ---------------------------------------------------------
	Akash :: paragraphs properties
	--------------------------------------------------------- */
		.dragDropDiv	{ position:fixed; top:155px; width:167px;}
		.dragDropDiv .header	{ font-weight:bold; font-size:14px; text-align:center; color:#207500; }
		.dragDropDiv > .dragDropDivTop	{ background:url(../images/kauasMix.png) left -150px no-repeat; height:5px; width:100%; display:block; line-height:0px; }
			.dragDropDiv > .dragDropDivTop b	{ background:url(../images/kauasMix.png) right -150px no-repeat; height:5px; width:5px; float:right; display:block;  line-height:0px; }
		.dragDropDiv > .dragDropDivContent	{ width:auto; background-color: #ffffff; border-color:#a19ba5; border-style:solid; border-width:0 1px;}
		.dragDropDiv > .dragDropDivBtm	{ clear:both; background:url(../images/kauasMix.png) left -190px no-repeat; height:5px; width:100%; display:block; line-height:0px; }
			.dragDropDiv > .dragDropDivBtm b	{ background:url(../images/kauasMix.png) right -190px no-repeat; height:5px; width:5px; float:right; display:block;  line-height:0px; }
		.dragDropDiv .dragDropDivContent		{ min-height:0px; height:auto; padding:0px 5px; }
		.dragDropDiv .dragDropDivBtm 			{ padding-bottom:5px;}
		.dragDropDiv .dragDropTitle		{ font-weight:bold; }
		.dragDropDiv .imgContainer img	{ margin:3px; }



/* ---------------------------------------------------------
	myguide/edit	drag drop text window properties
	--------------------------------------------------------- */
		.myGuideDragDropDiv	{ position:fixed; top:155px; width:170px;}

/* ---------------------------------------------------------
	popup window properties
	--------------------------------------------------------- */
	.popupContent{ width:100%; }
	.popupContent > div{ width:100%; float:left; margin-bottom:3px; clear:both;}
	.popupContent div span.text{ float:left; line-height:20px;}
	.popupContent .lblText	 { width:35%; }
	.popupContent .inputText { width:30%; }
	.popupContent .textArea	 { width:30%; }
	.popupContent .selectBox { width:30.7%; }
	.popupContent .leftRightDiv	{ width:60%; float:left; line-height:20px; }
	.popupContent .radioText{ line-height:20px; }
	.popupContent .radioBut	{ vertical-align:middle; margin:0 5px 0 2px; }
	.popupContent .checkbox	{ vertical-align:middle;height:18px;float:left;margin-top:3px;}
	.popupContent div[class="c0"],
	.popupContent div[class="c5"]{ width:100%; float:inherit; margin-bottom:0px; clear:both;}
	.popupContent .w50{width:50px;}
	.popupContent .w75{width:75px;}
	.popupContent .w85{width:85px;}
	.popupContent .w15p {width: 15%}

/* ---------------------------------------------------------
	transportation window properties
	--------------------------------------------------------- */
	.transContent{ width:100%; }
	.transContent > div{ width:100%; float:left; margin-bottom:3px; clear:both;}
	.transContent div span.text{ float:left; line-height:20px;}
	.transContent .lblText	 { width:40%; }
	.transContent .inputText { width:40%; }
	.transContent .textArea	 { width:40%; }
	.transContent .selectBox { width:30.7%; }
	.transContent .radioText{ line-height:20px; }
	.transContent .radioBut	{ vertical-align:middle; margin:0 5px 0 2px; }
	.transContent .checkbox	{ vertical-align:middle;height:18px;float:left;margin-top:3px;}
	.transContent div[class="c0"],
	.transContent div[class="c5"]{ width:100%; float:inherit; margin-bottom:0px; clear:both;}
	.transContent .w50{width:50px;}

/* ---------------------------------------------------------
	alternate activity window properties
	--------------------------------------------------------- */
	.altActContent{ width:100%; }
	.altActContent > div{ width:100%; float:left; margin-bottom:3px; clear:both;}
	.altActContent div span.text{ float:left; line-height:20px;}
	.altActContent .lblText	 { width:25%; }
	.altActContent .inputText { width:45%; }
	.altActContent .textArea	 { width:45%; }
	.altActContent .leftRightDiv	{ width:60%; float:left; line-height:20px; }
	.altActContent div[class="c0"],
	.altActContent div[class="c5"]{ width:100%; float:inherit; margin-bottom:0px; clear:both;}

/* ---------------------------------------------------------
	user/register	popup window properties
	--------------------------------------------------------- */
	.registerContent{ width:100%; }
	.registerContent > div{ width:100%; float:left; margin-bottom:3px; clear:both;}
	.registerContent div span.text{ float:left; line-height:20px;}
	.registerContent .lblText	{ width:30%; }
	.registerContent .inputText{ width:30%;}
	.registerContent .textArea	{ width:30%; }
	.registerContent .leftRightDiv	{ width:60%; float:left; line-height:20px; }
	.registerContent .radioText{ line-height:20px; }
	.registerContent .radioBut	{ vertical-align:middle; margin:0 5px 0 2px; }
	.registerContent div[class="c0"],
	.registerContent div[class="c5"]{ width:100%; float:inherit; margin-bottom:0px; clear:both;}

.articleShowRadioLabel	{ font-weight:bold; font-size:12px; color:#207500; }

/* ---------------------------------------------------------
	Akash :: Footer properties
	--------------------------------------------------------- */
.footer{width:932px; text-align:center; border-top:2px solid #66a0b8; padding-top:20px;margin:10px auto 0px auto;color:#006088;font:normal 11px verdana}
.footer a{color:#006088;font:normal 11px verdana;text-decoration:none;}
.footer a:hover{color:#575757;text-decoration:underline;}

.footer2{clear:both;padding:2px;color:#9d9e9f;font:normal 10px verdana}
.footer2 a{color:#9d9e9f;font:normal 10px verdana}

#dhtmlgoodies_dragDropContainer ul{ clear:both; margin-top:5px; }
#dhtmlgoodies_dragDropContainer li,#dragContent li,li#indicateDestination{ padding-bottom:5px; }
#dragContent{position:absolute;	width:150px; height:20px; display:none;	margin:0px;	padding:0px; z-index:2;}
#dragDropIndicator{position:absolute; width:7px; height:10px; display:none; z-index:3; margin:0px; padding:0px; background:#bbb;}
.leftDiv #dragDropIndicator{width:759px;}
.leftDivSmall #dragDropIndicator{width:584px;}

#noItems{text-align:center;}
/* ---------------------------------------------------------
	theme/list	themeType and area to choose
	--------------------------------------------------------- */
	.themes h2{ font-size:145%; padding:10px; }
	.themeList { width:169px; height:102px; padding:0px; float:left; margin-left:12px; background:url(../images/themeBG.png) top left no-repeat; cursor:pointer; color:#004973; }
	.themeList.themeSelected { background:url(../images/themeBG.png) bottom left no-repeat; }
	.themeList img { margin:9px 9px 5px; }
	.themeList input[type=radio] { margin-left:9px; padding:0; height:13px; vertical-align:middle;  }
	.themeList label { font-weight:bold; }
	.themePlace	{ width: 712px; margin-left:11px;}
	.place { width:50%; float:left; padding:0; line-height:20px; }
	.place input[type=radio] { padding:0; vertical-align:middle;  }
	.place label { font-weight:bold; color:#9C9D9F;  }

/* ---------------------------------------------------------
	Dipesh :: help popup
	--------------------------------------------------------- */
.uppderdiv {width:10em; background: transparent; margin:0em;  position:absolute; z-index:1; display:none;}
.topdiv, .bottomdiv {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #999; border-right:1px solid #999;}
.xb1 {margin:0 5px; background:#999;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.divc {display:block; background:#fff; border:0 solid #999; border-width:0 1px;}


/* ---------------------------------------------------------
	Location : location/index  map
	--------------------------------------------------------- */
.locationMapMain{width:700px;background:#99b3cc;float:left}
.mapMargin{margin:0 auto}
.mapmainDiv{width:498px;height:304px;position:relative;}
.mapmainDiv a{text-decoration:none;}
.mapmainDiv .img1{float:left;width:33px;height:304px;background: url(../images/map/map_slices_01.gif) no-repeat;}
.mapmainDiv .img2{float:left;width:158px;height:114px;background: url(../images/map/north_america.gif) no-repeat;}
.mapmainDiv .img2:hover{background: url(../images/map/north_america_c.gif) no-repeat;}
.mapmainDiv .img3{float:left;width:136px;height:88px;background: url(../images/map/europe.gif) no-repeat;}
.mapmainDiv .img3:hover{background: url(../images/map/europe_c.gif) no-repeat;}
.mapmainDiv .img4{float:left;width:126px;height:174px;background: url(../images/map/asia.gif) no-repeat;}
.mapmainDiv .img4:hover{background: url(../images/map/asia_c.gif) no-repeat;}
.mapmainDiv .img5{float:left;width:44px;height:174px;background: url(../images/map/map_rollover_05.gif) no-repeat;}
.mapmainDiv .img6{float:left;width:86px;height:48px;background: url(../images/map/central_america.gif) no-repeat;margin-top:-60px}
.mapmainDiv .img6:hover{background: url(../images/map/central_america_c.gif) no-repeat;}
.mapmainDiv .img7{clear:both;float:left;width:85px;height:48px;background: url(../images/map/caribbean.gif) no-repeat;margin-left:119px;margin-top:-190px;}
.mapmainDiv .img7:hover{background: url(../images/map/caribbean_c.gif) no-repeat;}
.mapmainDiv .img8{clear:both;float:left;width:31px;height:26px;background: url(../images/map/map_rollover_06.gif);margin-left:190px;margin-top:-216px;}
.mapmainDiv .img9{clear:both;float:left;width:107px;height:44px;background: url(../images/map/middle_east.gif) no-repeat;margin-left:221px;margin-top:-216px;}
.mapmainDiv .img9:hover{background: url(../images/map/middle_east_c.gif) no-repeat;}
.mapmainDiv .img10{clear:both;float:left;width:18px;height:18px;background: url(../images/map/map_rollover_10.gif) no-repeat;margin-left:204px;margin-top:-192px;}
.mapmainDiv .img11{clear:both;float:left;width:146px;height:143px;background: url(../images/map/south_america.gif) no-repeat;margin-left:58px;margin-top:-143px;}
.mapmainDiv .img11:hover{background: url(../images/map/south_america_c.gif);}
.mapmainDiv .img12{clear:both;float:left;width:86px;height:123px;background: url(../images/map/africa.gif) no-repeat;margin-left:204px;margin-top:-175px;}
.mapmainDiv .img12:hover{background: url(../images/map/africa_c.gif);}
.mapmainDiv .img10a{clear:both;float:left;width:25px;height:143px;background: url(../images/map/map_rollover_13.gif) no-repeat;margin-left:33px;margin-top:-143px;}
.mapmainDiv .img13{clear:both;float:left;width:86px;height:52px;background: url(../images/map/map_rollover_17.gif) no-repeat ;margin-left:204px;margin-top:-52px;}
.mapmainDiv .img14{clear:both;float:left;width:37px;height:173px;background: url(../images/map/map_rollover_12.gif) no-repeat;margin-left:290px;margin-top:-173px;}
.mapmainDiv .img15{clear:both;float:left;width:43px;height:131px;background: url(../images/map/map_rollover_15.gif) no-repeat;margin-left:327px;margin-top:-131px;}
.mapmainDiv .img16{clear:both;float:left;width:127px;height:130px;background: url(../images/map/south_pacific.gif) no-repeat;margin-left:370px;margin-top:-130px;}
.mapmainDiv .img16:hover{background: url(../images/map/south_pacific_c.gif);}

.objB{ color:#999; }

.para_style_just p img {padding: 5px;}

.popupHeader{ background:#f4f4f4; color:#03A9EE; margin:0; padding:5px; width: 99% }
//.popupHeader{ background:url(../images/bg.png) #555; border:1px solid #111; color:#fff; margin:0; padding:5px; -moz-border-radius:3px; }
.disp_none{display:none}
.sub_subCnt{float:right;width:300px;margin-top:10px;}

.head_myPro{float:left;width:250px;margin-top:-20px;}
.head_part2{color:#575757;font:bold 14px verdana;}

/* home pange right div styles */
.rightSmallCnts {float:left;width:220px;background:#f5f6f8;min-height:295px;}
.rightSmallCnts a {color:#03A9EE;text-decoration:none}
.rightSmallCnts a:hover {color:#575757;text-decoration:underline}
.rightSmallCnts a.link1 {text-decoration:underline; color:#006088;font-weight:normal;}
.rightSmallCnts a.link1:hover {text-decoration:underline; color:#575757;font-weight:normal;}
.rightSmallCnts .msgBrdH {height:30px;width:220px;background:#03a9ee;color:#ffffff;font-size:13px;line-height:30px;font-weight:bold;text-indent:10px;}
.rightSmallCnts .w200 {width:208px;}

/* location right div style*/
.rightLocation {margin-left: 10px; min-height: 304px;}

/* ---------------------------------------------------------
	Tooltip :: The hint to Hide and Show
	--------------------------------------------------------- */
.hint {
   	display: none;
    position: absolute;
    left: 570px;
    width: 180px;
    line-height:20px;
    margin-top: -4px;
    border: 1px solid #03A9EE;
    -moz-border-radius:2px;
    padding: 5px 10px;
    /* 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: #c6e1fc url(/images/pointer.gif) no-repeat -10px 5px;
    z-index: 99999;
}

/* 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;
}

/* create box */
.box {border:1px solid #C9C7C8;height: auto;}

/* ---------------------------------------------------------
	Add Event/Feature Button on Add/Edit Plan
	--------------------------------------------------------- */
	#addEventButtonDiv	{ width:135px;height:28px;position:relative; float:right; z-index:1;}
	#addEventButtonDiv #addEventButton	{ background:url(../images/addEventButton.png);width:133px;height:28px;position:relative;z-index:10; cursor:pointer; }
	#addEventButtonDiv ul{ display:none; background:url(../images/eventItemBG.png) bottom right no-repeat; padding:10px; padding-left:58px; width:115px; position:absolute; z-index:9; top:25px; right:0; list-style:none; }
	#addEventButtonDiv ul li { padding:2px 0; }
	#addEventButtonDiv ul li img { vertical-align:middle; }
	#addEventButtonDiv ul li a { color:#03A9EE; text-decoration:none; font-weight:bold; display:block; }

/* ---------------------------------------------------------
	jquery day selection in popup :: add/edit travel plan feature
	--------------------------------------------------------- */
	.jqCheck,.jqCurrentDay { width:20px;height:20px; line-height:20px; text-align:center; background:url(/images/shad50.png) repeat-x #eee; border:1px solid #ddd; padding:2px; float:left; cursor:pointer; margin:0px 2px 1px 0px; }
    .jqEventDateClass { background-color:#9D9E9F; border:1px solid #9D9E9F; color:#ffffff;font-weight:bold }
	.jqCheckSelected,.jqCurrentDay { background-color:#03A9EE; border:1px solid #03A9EE; color:#ffffff;font-weight:bold }

/* ---------------------------------------------------------
	Create Plan Step :: travelplan/createPlan
	--------------------------------------------------------- */
	.step1,.step2,.step3,.step1on,.step2on,.step3on,.step2createplan,.step3createplan { font-size:0px; margin-right:10px; height:44px; float:left; background-image:url(../images/stepButton.png); background-repeat:no-repeat; }
	.step1 { background-position:0 -50px; width:231px; }
	.step2 { background-position:-240px -50px; width:230px; }
	.step3 { background-position:-485px -50px; width:273px; }
	.step1on { background-position:0 0; width:231px; }
	.step2on { background-position:-240px 0; width:230px; }
	.step3on { background-position:-485px 0; width:273px; }
	.step1:hover{ background-position:0 0; width:231px;cursor:pointer; }
    .step2:hover { background-position:-240px 0; width:230px;cursor:pointer; }
	.step3:hover { background-position:-485px 0; width:273px;cursor:pointer; }

	.step2createplan { background-position:-240px -50px; width:230px; }
	.step3createplan { background-position:-485px -50px; width:273px; }

	img.themecolpsbtn { float:right; margin:0 3px; width:19px;}
	.boxColorBlue{background-color:#c6e1fc;}
	.boxColorGray{background-color:#F4F4F4;}

/* ---------------------------------------------------------
	invite & Sharing Plan Step :: travelplan/inviteAndSharing
	--------------------------------------------------------- */
	.shareButtonDiv {width:95%;margin:0 auto;text-align:center}
	.shareButton { font-size:12px; margin:0 20px; width:173px; float:left; color:#575757; font-weight:normal; text-decoration:none; text-align:center; line-height:20px; cursor:pointer;}
	.shareButton:hover { color:#222222;}
	.share1,.share2,.share3,.share4{ font-size:0px; height:52px; float:left; background-image:url(../images/planButton.png); background-repeat:no-repeat; }
	.shareButton .share1 { background-position:0 -0px; width:173px; }
	.shareButton .share2 { background-position:-187px -0px; width:173px; }
	.shareButton .share3 { background-position:-373px -0px; width:173px; }
	.shareButton .share4 { background-position:-560px -0px; width:173px; }

	/*.shareButton .share1 { background-position:0 -61px; width:173px; }
	.shareButton .share2 { background-position:-187px -61px; width:173px; }
	.shareButton .share3 { background-position:-373px -61px; width:173px; }
	.shareButton .share4 { background-position:-560px -61px; width:173px; }
	.shareButton:hover .share1 { background-position:0 -0px;  }
	.shareButton:hover .share2 { background-position:-187px -0px;  }
	.shareButton:hover .share3 { background-position:-373px -0px;  }
	.shareButton:hover .share4 { background-position:-560px -0px;  }
	.shareButton:hover { background:url(../images/footerBG.png) bottom repeat-x ; } */

/* ---------------------------------------------------------
	without clear in div
	--------------------------------------------------------- */
	.basicContentwtclear{ width:100%; }
	.basicContentwtclear > div{ width:100%; margin-bottom:3px;}
	.basicContentwtclear div span.text{ float:left; line-height:20px;}
	.basicContentwtclear .lblText	{ width:35%;}
	.basicContentwtclear .inputText{ width:50%;}
	.basicContentwtclear .leftRightDiv	{ width:60%; float:left; line-height:20px; }
	.basicContentwtclear .textArea	{ width:50%; }
	.basicContentwtclear .radioText{ line-height:20px; }
	.basicContentwtclear .radioBut	{ vertical-align:middle; margin:0 5px 0 2px; }
	.basicContentwtclear div[class="c0"],
	.basicContentwtclear div[class="c5"]{ width:100%; float:inherit; margin-bottom:0px;}

	/* for facebook login & signup boxes */
	.newusermainDiv{ width:100%;margin: 0 auto; }
	.newusermainDiv .inputText{width:40%;}
	.fbrightSmallCnts {float:left;background:#f5f6f8;}
	.fbrightSmallCnts a {color:#03A9EE;text-decoration:none}
	.fbrightSmallCnts a:hover {color:#575757;text-decoration:underline}
	.fbrightSmallCnts a.link1 {text-decoration:underline; color:#006088;font-weight:normal;}
	.fbrightSmallCnts a.link1:hover {text-decoration:underline; color:#575757;font-weight:normal;}
	.fbrightSmallCnts .msgBrdH {height:auto;width:auto;background:#03a9ee;color:#ffffff;font-size:13px;line-height:30px;font-weight:bold;text-indent:10px;}


/* ---------------------------------------------------------
	Edit profile
	--------------------------------------------------------- */
	.editProfile{ width:100%; line-height:20px;}
	.editProfile > div{ width:100%; float:left; margin-bottom:3px; clear:both;}
	.editProfile div span.text{ float:left; line-height:20px;}
	.editProfile .lblText	{ width:35%;color:#000;font:normal 13px verdana; color:#575757 }
	.editProfile .inputText { width:293px;}
	.editProfile .radioText	{ line-height:16px;float:left;}
	.editProfile .radioBut	{ vertical-align:middle;height:18px;float:left;margin-top:1px;}
	.editProfile .cngPwd div { margin-bottom:3px; }
	.editProfile .cngPwd .inputText { width:30%; }
	.editProfile div[class="c0"]{ width:100%; float:inherit; margin-bottom:0px; clear:both;}

/* ---------------------------------------------------------
	Plan event listing in view and edit
	--------------------------------------------------------- */
	.planEventList .lblText	{ width:25%;}
	.planEventList > div{ width:100%; float:left; margin-bottom:3px; clear:both;}
	.altActList > div{ width:100%; float:left; margin-bottom:3px; clear:both;}
	.altActList .lblText	{ width:18%;}

	.steps-mn{
		width:932px; float:left;
	}
	.steps-mn .step1{
		width:231px; float:left; min-height:44px;
		background:url(../images/step1.jpg) no-repeat top left;
		margin: 0px;
	}
	.step1-dis{
		width:231px; float:left; min-height:44px;
		background:url(../images/step_dis1.jpg) no-repeat top left;
		font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF;
		text-decoration:none;
	}
	.steps-spn{
		width:auto; float:left; padding:13px 0 0 50px;
		font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF;
		text-decoration:none;
	}
	.steps-spn a:link, .steps-spn a:visited{
		font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF;
		text-decoration:none;
	}
	.steps-spn a:hover{
		text-decoration:underline;
	}
	.steps-mn .step2{
		width:370px; float:left; min-height:44px; margin:0 10px 0 10px;
		background:url(../images/step2.jpg) no-repeat top left;
	}
	.step2-dis{
		width:370px; float:left; min-height:44px; margin:0 10px 0 10px;
		background:url(../images/step_dis2.jpg) no-repeat top left;
		font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF;
		text-decoration:none;
	}
	.steps-mn .step3{
		width:271px; float:left; min-height:44px;
		background:url(../images/step3.jpg) no-repeat top left;
	}
	.step3-dis{
		width:271px; float:left; min-height:44px;
		background:url(../images/step_dis3.jpg) no-repeat top left;
		font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF;
		text-decoration:none;
	}

	ul.ui-timepicker{ border:solid 1px #999999;}
	ul.ui-timepicker li.ui-menu-item:hover{background-color: #03a9ee; color:#fff; cursor:default;}
	ul.ui-timepicker li.ui-menu-item a{text-align:left;}

	.setnewpassword {width:500px; padding: 0 10px;margin: 0 auto}


.header-mn{
	width:929px; float:left; margin-top:12px; border-bottom:solid 2px #66a0b8;
}
.logomn{
	width:178px; float:left;
}
.searchmn{
	width:275px; float:right; margin-top:19px;
}
.menumn{
	width:929px; float:left; margin-top:10px;
}
.lftmenu-mn{
	width:auto; float:right; *width:390px;
}

/* home page */

.bodymn-div{
	width:929px; margin:0 auto 0 auto;
}

.pgmn-div{
	width:929px; float:left;
}

.bodymn-dv{
	width:929px; float:left;
}

.planunique-mn{
	width:929px; float:left;
}

.plan-title{
	width:929px; float:left; line-height:38px;
	font-size:16px; color:#0082b9; font-weight:bold;
}

.plan-boxmn{
	width:302px; float:left;
}

.plan-img{
	width:302px; height:139px; float:left;
}

.plan-dtlmn{
	width:302px; height:105px; float:left;
}

.plan-ttltxt{
	width:302px; float:left; line-height:24px;
	font-size:12px; font-weight:bold; color:#575757;
}

.plan-txtdtl{
	width:302px; float:left; margin:0px; padding:0px; letter-spacing:-0.3px; height:48px;
	font-size:12px; color:#000000; line-height:16px;
}

.plan-lnk{
	width:302px; float:left; margin-top:3px;
	font-size:12px; color:#000000; line-height:16px;
}

.plan-lnk a:link, .plan-lnk a:visited{
	font-size:12px; color:#227ba1; text-decoration:underline;
}
.plan-lnk a:hover{
	text-decoration:none;
}

.getstarted-mn{
	width:929px; float:left; margin-top:8px;
}

.getstarted-title{
	width:929px; float:left; line-height:22px;
	font-size:16px; color:#0082b9; font-weight:bold;
}

.getstarted-txt{
	width:920px; float:left; font-size:12px; color:#000000;
}

.plan-stepsmn{
	width:929px; float:left;
}

.Plan-stepbg{
	width:744px; height:48px; float:left; margin-top:3px; padding-right:10px;
	background:url(../images/plan-steps.jpg) no-repeat top left;
}

label.startplnlnk{
	width:166px; float:left; margin-top:12px; text-align:center;
}

a.startpln:link, a.startpln:visited{
	line-height:26px; font-size:13px; color:#FFFFFF; font-weight:bold; text-decoration:none;
}
a.startpln:hover{
	text-decoration:underline;
}
.partner-mn{
	width:929px; float:left; margin-top:15px; margin-bottom:25px;
}
.partner-title{
	width:929px; float:left; line-height:22px;
	font-size:16px; color:#0082b9; font-weight:bold;
}
.advt{
	width:929px; float:left; margin-top:12px;
}
.pad-lftrt{padding:0 10px;}
.leftRightDiv img {float:left;margin-right:5px;}

.footer-soc{
	width:650px; float:left; text-align:center; padding-bottom:15px; padding-left:280px;
}
a.fbooklnk:link, a.fbooklnk:visited{
    font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#575757; padding-right:15px; padding-left:35px; text-decoration:none;
	background:url(../images/facebook-icn.jpg) no-repeat top left; line-height:29px; float:left; height:29px;
}
a.fbooklnk:hover{
	text-decoration:underline;
}
a.twitlnk:link, a.twitlnk:visited{
    font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#575757; padding-left:35px; text-decoration:none;
	background:url(../images/twitter-icn.jpg) no-repeat top left; line-height:29px; float:left;
}
a.twitlnk:hover{
	text-decoration:underline;
}
.homeplanblock{
    border:1px solid #C9C7C8;padding:10px;
}
.startplan{
	width:auto; float:left; padding-bottom:17px; margin-top:3px;
    background:url(../images/startplnbtn-shd.jpg) no-repeat bottom left;
}
.startpln{
	width:174px; height:38px; float:left; cursor:pointer; font-size:14px; color:#fff; font-weight:bold;
    background:url(../images/startplan-btn.jpg) no-repeat top left; border:none;
}
.titleblk {
    color: #303030;
    font-size: 14px;
    font-weight: bold;
}
.txtgry{
	color:#9d9e9f;
}
	/* CSS for User Profile Step end */

