/* CSS Document */ /*CSS INCLUDES FOR module LAYOUT*/ /*CSS INCLUDES FOR main*/ * {padding: 0; margin: 0;}html { height: 100%; width:100%;}body {	margin: 0px;	padding: 0px;	height: 100%;	width:100%;	font-family:Verdana;	font-size:11px;	color:#000;}a { color:#003399; }img { border:0px; }div { padding: 0px; margin: 0 auto; }form { display:inline; }input[type=text],input[type=password]  {	height:22px;	border:1px solid #666;	background:url("http://www.pratikkontor.com/img/textareaBg.gif") top left no-repeat;	line-height:22px;	padding-left:4px;	color:#4C4C4C;}input.text, input.password  {	height:22px;	border:1px solid #666;	background:url("http://www.pratikkontor.com/img/textareaBg.gif") top left no-repeat;	line-height:22px;	padding-left:4px;	color:#4C4C4C;}input.radio {	width:12px;	height:12px;	border:none;	background:url("http://www.pratikkontor.com/img/bgRadioInput.gif") top left no-repeat;	margin-top:3px;}input.checkbox {	height:13px;	width:13px;	border:none;	background:url("http://www.pratikkontor.com/img/bgCheckBox.gif") top left no-repeat;	margin-top:3px;}input.image {	background:url("http://www.pratikkontor.com/img/trans.gif");	border:none;	width:auto;	height:auto;}textarea {	height:22px;	padding:5px;	border:1px solid #666;	background:url("http://www.pratikkontor.com/img/textareaBg.gif") top left no-repeat;}select {	/*	height:22px;	border:1px solid #666;	background:url("http://www.pratikkontor.com/img/textareaBg.gif") top left no-repeat;	*/	height:18px;	@height:22px;	border:none;	border:0px solid white;}select option {	background:#fff;	padding:2px;}div.clearer {  font-size: 0px;  height: 0px;  width: 100%;  display: block;  clear: both;}div.toggler {	cursor:pointer;}#popupBody {	background:#fff;}div.roundedBoxGrey {	background-color: #fff;	border: 1px solid #ddd;}div.roundedBoxBlue {	background-color: #fff;	border: 1px solid #B7D4E9;}	div.roundedBoxContent {		background-color: #fff;		padding-bottom:10px;		padding-top:5px;		padding-left:5px;	}span.titleOrange {	font-family:Verdana;	font-weight:bold;	font-size:14px;	color:#CF3F0F;}.red { color:#cc3300; }.blue { color:#003399; }.orange { color:#CF3F0F;}.bold { font-weight:bold; }.u { text-decoration:underline; }.px11 { font-size:11px; }.px12 { font-size:12px; }.pt9  { font-size:9pt; }.pt10 { font-size:10pt; }.pt11 { font-size:11pt; }.pt12 { font-size:12pt; }.pt14 { font-size:14pt; }.fldi { float:left; display:inline; }div.h10 { height:10px; }div.h20 { height:20px; }div.seperatorBlue {	border-top:1px solid #B7D4E9;	margin-top:10px;	height:10px;	width:100%;}/* tooltips */div.custom-tip {	color: #000;	width: 130px;	z-index: 13000;}div.custom-title {	font-weight: bold;	font-size: 11px;	margin: 0;	color: #3E4F14;	padding: 8px 8px 4px;	background: #C3DF7D;	border-bottom: 1px solid #B5CF74;}div.custom-text {	font-size: 11px;	padding: 4px 8px 8px;	background: #CFDFA7;}/* page skeleton */#pageBgContainer{	width:100%;	height:100%;}#mainContainer {	width: 970px;	margin-top:35px;	height:100%;}#topContainer {	height:150px;	background: url("http://www.pratikkontor.com/img/topBg.png") no-repeat;	margin-top:10px;}#headMenuContainer{	width:817px;	height:87px;	float:right;	margin-top:18px;	margin-right:12px;	display:inline;	overflow:hidden;}#headMenuMain{	height:40px;	margin-top:3px;	/*border:1px solid #000;*/}div.headMenuSub{	display:none;	position:absolute;	height:24px;	padding-top:13px;	padding-bottom:13px;	padding-left:10px;	left:0;	width:900px;	margin-top:36px;}div.headMenuSub a.active{	color:#fff;}div.headMenuSub a.passive{	color:#F2C2C8;	text-decoration:none;}div.headMenuSub a.passive:hover{	color:#F2C2C8;	text-decoration:undeline;}div.headMenuTabP {	z-index:310;	float:left;	margin-right:-25px;	display:inline;	position:relative;}div.headMenuTabA {	z-index:310;	position:relative;	float:left;	margin-right:-25px;	display:inline;	margin-top:5px;}div.headMenuTabA div.headMenuTabLeft{	width:27px;	height:35px;	background:url("http://www.pratikkontor.com/img/tabLeft.gif");	float:left;}div.headMenuTabA div.headMenuTabCenter{	background:url("http://www.pratikkontor.com/img/tabBg.gif") repeat-x;	height:27px;	padding-top:11px;	padding-bottom:6px;	float:left;	text-align:center;}div.headMenuTabA .headMenuTabRight{	width:27px;	height:35px;	background:url("http://www.pratikkontor.com/img/tabRight.gif");	float:left;}div.headMenuTabP .headMenuTabLeft{	width:27px;	height:35px;	float:left;}div.headMenuTabP .headMenuTabCenter{	height:27px;	padding-top:14px;	padding-bottom:5px;	float:left;	text-align:center;}div.headMenuTabP .headMenuTabRight{	width:27px;	height:35px;	background:url("http://www.pratikkontor.com/img/menuSeperator.gif") center no-repeat;	float:left;}#bottomContainer {	float: left;}/*skel melih*/	#midContainer {		float: left;		width: 960px;		margin-top: -20px;		display:inline;	}		#middleTopContainer {			float: left;			width: 960px;			height: 7px;			display:inline;			overflow:hidden;			z-index:-1;			position:relative;		}			#middleTopLeft {				float: left;				width: 7px;				height: 7px;				background: url("http://www.pratikkontor.com/img/middleTopLeft.png") left top no-repeat;				display:inline;			}			#middleTopCenter {				float: left;				width: 946px;				height: 7px;				background: #FFFFFF;			}			#middleTopRight {				float: right;				width: 7px;				height: 7px;				background: url("http://www.pratikkontor.com/img/middleTopRight.png") right top no-repeat;			}		#middleCenterContainer {			float: left;			width: 940px;			background: #FFFFFF;			padding: 10px;			display: inline;		}			#leftMenuContainer {				float: left;				width: 240px;				display:inline;			}				#baloonWelcome {					float: left;					width: 240px;					display: inline;					margin-bottom: 10px;				}					#baloonWelcomeTop {						float: left;						width: 240px;						height: 40px;						display: inline;						padding-top: 5px;					}						#baloonWelcomeTopLeft {							float: left;							width: 10px;							height: 35px;							display: inline;							background: url("http://www.pratikkontor.com/img/bgBallonWelcomeTopLeft.png") left top no-repeat;							margin-left: 3px;						}						#baloonWelcomeTopCenter {							float: left;							display: inline;							overflow:hidden;							width: 213px;							height: 35px;						}							#baloonWelcomeTopCenter img {								float: left;								display: inline;								overflow:hidden;								width: 23px;								height: 15px;								margin-top: 10px;								margin-right: 5px;							}							#baloonWelcomeTopCenterText {								float: left;								display: inline;								width: 140px;								margin-top: 10px;							}							#baloonWelcomeTopCenterExit {								float: right;								display: inline;								overflow:hidden;								width: 45px;								height:18px;								margin-top: 10px;								color: #CB1328;							}							#baloonWelcomeTopCenterExit a {								color: #CB1328;								text-decoration: none;							}							#baloonWelcomeTopCenterExit img {								float: right;								display: inline;								overflow:hidden;								width: 5px;								height: 8px;								margin-top: -9px;							}						#baloonWelcomeTopRight {							float: right;							display: inline;							overflow:hidden;							width: 10px;							height: 35px;							background: url("http://www.pratikkontor.com/img/bgBallonWelcomeTopRight.png") right top no-repeat;							margin-right: 4px;						}					#ballonWelcomeMiddle {						float: left;						width: 240px;						background: #DBD7CA;						display: inline;					}						.baloonWelcomeMiddleItem {							float: left;							width: 220px;							padding-left: 10px;							padding-right: 10px;							padding-top: 5px;							padding-bottom: 5px;							background: #DBD7CA;						}							.baloonWelcomeMiddleBullet {								float: left;								width: 4px;								height: 4px;								margin-top: 6px;								margin-right: 6px;								display: inline;							}							.baloonWelcomeMiddleText {								float: right;								width: 210px;							}								.baloonWelcomeMiddleText a {									color: #000000;									text-decoration: none;								}								.baloonWelcomeMiddleText a:hover {									color: #000000;									text-decoration: underline;								}					#baloonWelcomeButton {						float: left;						width: 240px;						height: 18px;						text-align: center;						background: #DBD7CA;						padding-top: 5px;						padding-bottom: 5px;					}					#baloonWelcomeBottom {						float: left;						display: inline;						overflow: hidden;						width: 240px;						height: 9px;						background: url("http://www.pratikkontor.com/img/bgBallonWelcomeBottom.png") left top no-repeat;					}				.baloonContainer {					float: left;					width: 240px;					display:inline;				}					.baloonHeader {						float: left;						width: 225px;						height: 33px;						color: #CF142B;						font-weight: bold;						padding-top: 10px;						padding-left: 15px;						background: url("http://www.pratikkontor.com/img/leftMenuTopBg.png") left top no-repeat;						display:inline;					}					.baloonContent, .baloonSurveyContent {						float: left;						width: 240px;						padding-bottom: 10px;						background: url("http://www.pratikkontor.com/img/leftMenuCenterBg.png") repeat-y;						overflow:hidden;						display:inline;					}						.baloonContentTitle {							float: left;							width: 204px;							margin-bottom: 3px;							margin-top: 10px;							font-weight: bold;						}							.baloonContentTitle a {								color: #000000;								font-weight: bold;								text-decoration: none;							}							.baloonContentTitle a:hover {								color: #000000;								font-weight: bold;								text-decoration: underline;							}						.baloonContentText {							float:left;							width:204px;							border:0px solid red;						}							.baloonContentText a {								color: #000000;								text-decoration: none;							}							.baloonContentText a:hover {								color: #000000;								text-decoration: underline;							}						.baloonContentSeperator {							float: left;							width: 219px;							height: 1px;							border-top: 1px solid #DCD6CB;							margin-top: 11px;							margin-left: 11px;							display:inline;						}					.baloonFooter {						float: left;						display:inline;						overflow:hidden;						width: 240px;						height: 43px;					}						.baloonFooterLeft {							float: left;							display:inline;							overflow:hidden;							width: 13px;							height: 43px;							background: url("http://www.pratikkontor.com/img/leftMenuBottomLeftBg.png") left top no-repeat;						}						.baloonFooterCenter {							float: left;							display:inline;							overflow:hidden;							width: 214px;							height: 43px;							background: url("http://www.pratikkontor.com/img/leftMenuBottomCenterBg.png") repeat-x;						}							.baloonButtonContainer {								float: left;								margin-top: 17px;								margin-left: 3px;							}						.baloonFooterRight {							float: right;							display:inline;							overflow:hidden;							width: 13px;							height: 43px;							background: url("http://www.pratikkontor.com/img/leftMenuBottomRightBg.png") right top no-repeat;						}					div.baloonContentCategory {						float: left;						display:inline;						width: 210px;						padding-bottom: 10px;						background: url("http://www.pratikkontor.com/img/leftMenuCenterBg.png") repeat-y;						padding-left:15px;						padding-right:15px;					}					div.baloonFooterThin {						float: left;						display:inline;						overflow:hidden;						width: 240px;						height: 13px;					}						div.baloonFooterLeftThin {							float: left;							display:inline;							overflow:hidden;							width: 13px;							height: 13px;							background: url("http://www.pratikkontor.com/img/leftMenuBottomLeftBgThin.gif") left top no-repeat;						}						div.baloonFooterCenterThin {							float: left;							display:inline;							overflow:hidden;							width: 214px;							height: 13px;							background: url("http://www.pratikkontor.com/img/leftMenuBottomCenterBgThin.gif") repeat-x;						}						div.baloonFooterRightThin {							float: right;							display:inline;							overflow:hidden;							width: 13px;							height: 13px;							background: url("http://www.pratikkontor.com/img/leftMenuBottomRightBgThin.gif") right top no-repeat;						}				.baloonSurveyContainer {					float: left;					width: 240px;					display:inline;					margin-top: 10px;				}					.baloonSurveyHeader {						float: left;						width: 225px;						height: 33px;						color: #CF142B;						font-weight: bold;						padding-top: 10px;						padding-left: 15px;						background: url("http://www.pratikkontor.com/img/leftMenuSurveyTopBg.png") left top no-repeat;						display:inline;					}						.baloonSurveyTitle {							float: left;							width: 210px;							padding-left: 15px;							padding-right: 15px;							padding-top: 10px;							padding-bottom: 10px;							display: inline;							font-size: 11px;							font-weight: bold;						}						.baloonSurveyOption {							float: left;							width: 210px;							padding-left: 15px;							padding-right: 15px;							display: inline;							height:20xp;							line-height:20px;							margin-top:4px;						}						div.baloonSurveyOptionMustExplain {							float: left;							width: 210px;							padding-left: 15px;							padding-right: 15px;							display: none;							margin-top:10px;						}							.baloonSurveyOptionRadio input {								float: left;								width: 20px;								margin-right: 5px;								margin-top:4px;								@margin-top:2px;								display: inline;							}							.baloonSurveyOptionText {								float: left;								width: 185px;								display: inline;							}						.baloonSurveyButton {							float: left;							padding-top: 10px;							padding-left: 15px;						}			#welcomeHomeLeft {				float: left;				width: 430px;				display: inline;			}				#welcomeHomeBanner {					float: left;					width: 430px;					display: inline;				}				#welcomeHomeTechnical {					float: left;					width: 430px;					display: inline;					margin-top: 10px;				}					#welcomeHomeAnnouncementHeader {						float: left;						width: 416px;						height: 23px;						background: url("http://www.pratikkontor.com/img/bgWelcomeAnnouncementTop.png") left top no-repeat;						padding-top: 15px;						padding-left: 15px;						display: inline;						overflow: hidden;						margin-bottom: -6px;						margin-top: 10px;					}					#welcomeHomeTechnicalTitle {						float: left;						width: 430px;						margin-top: 20px;					}					.welcomeHomeTechnicalTitleSeperator {						float: left;						width: 430px;						height: 5px;						margin-top: 10px;						margin-bottom: 10px;						background: url("http://www.pratikkontor.com/img/mainTitleSeperator.png") no-repeat;					}					div.welcomeHomeAnnouncementItem {						float: left;						width: 430px;						display: inline;						overflow: hidden;					}						div.welcomeHomeAnnouncementImage {							float: left;							width: 84px;							display: inline;							overflow: hidden;						}							div.welcomeHomeAnnouncementImage img {								border: 2px solid #AEA991;							}						div.welcomeHomeAnnouncementText {							float: right;							width: 340px;							display: inline;							overflow: hidden;						}							div.welcomeHomeAnnouncementTitle {								float: left;								width: 340px;								font-weight: bold;							}								div.welcomeHomeAnnouncementTitle a {									color: #000000;									text-decoration: none;								}								div.welcomeHomeAnnouncementTitle a:hover {									color: #000000;									text-decoration: underline;								}							div.welcomeHomeAnnouncementContent {								float: left;								display:inline;								width: 335px;								margin-top: 3px;								border:0px solid red;							}								div.welcomeHomeAnnouncementContent a {									color: #000000;									text-decoration: none;								}								div.welcomeHomeAnnouncementContent a:hover {									color: #000000;									text-decoration: underline;								}					.welcomeHomeTechnicalItem {						float: left;						width: 430px;						display: inline;					}						.welcomeHomeTechnicalBullet {							float: left;							width: 5px;							height: 8px;							margin-top: 3px;							@margin-top: 6px;							margin-right: 6px;							margin-left: 6px;							display: inline;						}							.welcomeHomeTechnicalBullet {								width: 5px;								height: 8px;							}						.welcomeHomeTechnicalText {							float: right;							width: 410px;							margin-top: 3px;							font-weight: bold;						}							.welcomeHomeTechnicalText a {								color: #000000;								text-decoration: none;							}							.welcomeHomeTechnicalText a:hover {								color: #000000;								text-decoration: underline;							}						.welcomeHomeTechnicalContent {							float: right;							width: 410px;							margin-top: 3px;						}							.welcomeHomeTechnicalContent a {								color: #000000;								text-decoration: none;							}							.welcomeHomeTechnicalContent a:hover {								color: #000000;								text-decoration: underline;							}					.welcomeHomeTechnicalSeperator {						float: left;						width: 430px;						height: 1px;						border-top: 1px solid #DCD6CB;						margin-top: 10px;						margin-bottom: 5px;						display:inline;					}				#welcomeHomeAnnouncementLink {					float: left;					width: 429px;					height: 30px;					display: inline;					margin-top: -6px;				}					#welcomeHomeAnnouncementText {						float: left;						width: 400px;						color: #CB1328;						text-align: right;						margin-top: 7px;					}						#welcomeHomeAnnouncementText a {							color: #CB1328;							text-decoration: none;						}					#welcomeHomeAnnouncementImage {						float: right;						width: 5px;						height: 8px;						margin-top: 7px;						@margin-top: 10px;						margin-right: 15px;					}						#welcomeHomeAnnouncementImage {							width: 5px;							height: 8px;							padding-left: 5px;						}			#welcomeHomeRight {				float: right;				width: 240px;			}				#baloonDepozitContainer {					float: left;					width: 240px;					display: inline;				}				#baloonDepozitHeader {					float: left;					width: 225px;					height: 33px;					color: #CF142B;					font-weight: bold;					padding-top: 10px;					padding-left: 15px;					background: url("http://www.pratikkontor.com/img/rightMenuDepozitBg.png") left top no-repeat;					display:inline;				}				#baloonDepozitHeader2 {					float: left;					width: 225px;					height: 80px;					font-weight: bold;					padding-top: 10px;					padding-left: 15px;					background: url("http://www.pratikkontor.com/img/rightMenuDepozitBg2.png") left top no-repeat;					display:inline;				}					#baloonDepozitTitle {						float: left;						width: 110px;						font-weight: bold;						display:inline;						margin-top: 10px;						margin-bottom: 10px;						padding-left: 20px;					}					#baloonDepozitText {						float: right;						width: 110px;						display:inline;						margin-top: 10px;						color: #C81125;						font-weight: bold;					}				.baloonDepozitBottom {					float: left;					display: inline;					overflow: hidden;					width: 240px;					height: 13px;					background: url("http://www.pratikkontor.com/img/bgBallonDepozitBottom.png") left top no-repeat;				}				#baloonSalesContainer {					float: left;					width: 240px;					display: inline;					margin-top: 10px;				}				#baloonSalesHeader {					float: left;					width: 225px;					height: 33px;					color: #CF142B;					font-weight: bold;					padding-top: 10px;					padding-left: 15px;					background: url("http://www.pratikkontor.com/img/rightMenuSalesBg.png") left top no-repeat;					display:inline;				}					#baloonSalesTitle {						float: left;						width: 240px;						margin-top: 10px;						display: inline;					}						#baloonSalesTitle1 {							float: left;							width: 70px;							text-align: left;							color: #C81125;							text-decoration: underline;							margin-left: 15px;							display: inline;						}						#baloonSalesTitle2 {							float: left;							width: 50px;							text-align: center;							color: #C81125;							text-decoration: underline;						}						#baloonSalesTitle3 {							float: left;							width: 40px;							text-align: center;							color: #C81125;							text-decoration: underline;						}						#baloonSalesTitle4 {							float: left;							width: 60px;							text-align: center;							color: #C81125;							text-decoration: underline;						}					.ballonSalesItem {						float: left;						width: 240px;						height: 20px;						margin-top: 5px;						display: inline;					}						.baloonSalesLogo {							float: left;							width: 70px;							margin-left: 15px;							display: inline;						}						.baloonSalesPacket {							float: left;							width: 50px;							padding-top: 3px;							display: inline;							text-align: center;							font-family: Tahoma;							font-size: 12px;						}						.baloonSalesQty {							float: left;							width: 40px;							padding-top: 3px;							display: inline;							text-align: center;							font-family: Tahoma;							font-size: 12px;						}						.baloonSalesTotal {							float: left;							width: 60px;							padding-top: 3px;							display: inline;							text-align: center;							font-weight: bold;							font-family: Tahoma;							font-size: 12px;						}					.baloonSalesSeperator {						float: left;						width: 219px;						height: 1px;						border-top: 1px solid #DCD6CB;						margin-top: 5px;						margin-left: 11px;						display:inline;					}				#baloonSalesBottom {					float: left;					display: inline;					overflow: hidden;					width: 240px;					height: 13px;					background: url("http://www.pratikkontor.com/img/bgBallonDepozitBottom.png") left top no-repeat;				}				#baloonPosContainer {					float: left;					width: 240px;					display: inline;					margin-top: 10px;				}				#baloonPosHeader {					float: left;					width: 225px;					height: 33px;					color: #CF142B;					font-weight: bold;					padding-top: 10px;					padding-left: 15px;					background: url("http://www.pratikkontor.com/img/rightMenuPosBg.png") left top no-repeat;					display:inline;				}					#baloonPosInput {						float: left;						width: 240px;						margin-left: 20px;						margin-top: 10px;						display: inline;					}						#baloonPosInputLeft {							float: left;							width: 50px;							color: #4C4C4C;							padding-top: 5px;							font-weight: bold;							font-size: 12px;						}						#baloonPosInputRight {							float: left;							width: 140px;						}					#baloonPosButtonContainer {						float: left;						width: 240px;						margin-top: 15px;					}						#baloonPosButtonLeft {							float: left;							width: 125px;							height: 18px;						}						#baloonPosButtonRight {							float: left;							width: 65px;							height: 18px;							margin-left: 15px;							display: inline;						}					#baloonPosSummary {						float: left;						width: 240px;					}						#baloonPosText {							float: left;							width: 120px;							margin-left: 20px;							display: inline;							color: #4C4C4C;							font-weight: bold;							font-size: 11px;						}						#baloonPosTotal {							float: left;							width: 100px;							color: #C81125;							font-weight: bold;							font-size: 12px;						}					#baloonPosSubmit {						float: left;						width: 129px;						margin-left: 20px;						margin-top: 15px;						display: inline;					}			#rightContentContainer {				float: right;				width: 685px;			}				#contentContainerTitleBar {					float: left;					width: 670px;				}					#contentContainerTitleBarLeft {						float: left;						width: 470px;					}						#contentContainerTitleBarLeftTop {							float: left;							font-size: 16px;							font-weight: bold;							color: #CF142B;						}						#contentContainerTitleBarLeftBottom {							float: left;							width: 470px;							margin-top: 3px;						}							#contentContainerTitleBarLeftBottom a {								float: left;								color: #000000;								text-decoration: none;							}							#contentContainerTitleBarLeftBottom a:hover {								float: left;								color: #000000;								text-decoration: underline;							}							#contentContainerTitleBarLeftBottom img {								float: left;								width: 5px;								height: 8px;								margin-top: 3px;								margin-left: 5px;								margin-right: 5px;							}					#contentContainerTitleBarRight {						float: right;						width: 115px;						height: 35px;						background: url("http://www.pratikkontor.com/img/headerIconSearch.png") right bottom no-repeat;					}				.contentContainerTitleSeperator {					float: left;					width: 672px;					height: 5px;					margin-top: 10px;					background: url("http://www.pratikkontor.com/img/mainTitleSeperator.png") no-repeat;				}				.contentContainerVerticalSeperator {					float: left;					width: 671px;					height: 1px;					border-top: 1px solid #DCD6CB;					margin-top: 10px;				}				#contentContainerFooter {					float: left;					display:inline;					width: 672px;					height: 52px;				}					#contentContainerFooterLeft {						float: left;						display:inline;						overflow:hidden;						width: 10px;						height: 52px;						background: url("http://www.pratikkontor.com/img/vendorSearchBottomLeft.png") left top no-repeat;						border:0px solid red;					}					#contentContainerFooterCenter {						float: left;						display:inline;						overflow:hidden;						width: 647px;						height: 42px;						background: url("http://www.pratikkontor.com/img/vendorSearchBottomCenter.png") repeat-x;						padding-top: 10px;						padding-left: 5px;						border:0px solid red;					}					#contentContainerFooterRight {						float: right;						display:inline;						overflow:hidden;						width: 10px;						height: 52px;						background: url("http://www.pratikkontor.com/img/vendorSearchBottomRight.png") right top no-repeat;						border:0px solid red;					}		#middleBottomContainer {			float: left;			padding-bottom:10px;		}			#middleBottomLeft {				float: left;				width: 7px;				height: 80px;				background: url("http://www.pratikkontor.com/img/bottomLeft.png") left top no-repeat;			}			#middleBottomCenter {				float: left;				width: 946px;				height: 80px;				background: url("http://www.pratikkontor.com/img/bottomMiddle.png") repeat-x;			}				#copyright {					float: left;					width: 396px;					margin-left: 10px;					margin-top: 15px;					color: 6C875C;				}				#bottomLinkContainer {					float: right;					margin-top: 35px;					text-align: right;					width:520px;					border:0px solid red;				}					.bottomLinkItem {						float: right;					}						.bottomLinkImage {							float: left;							width: 5px;							height: 8px;							margin-left: 10px;							margin-right: 5px;						}						.bottomLinkText{							float: left;						}							.bottomLinkText a {								color: #FFFFFF;								font-weight: normal;								text-decoration: none;							}							.bottomLinkText a:hover {								color: #FFFFFF;								font-weight: normal;								text-decoration: underline;							}			#middleBottomRight {				float: right;				width: 7px;				height: 80px;				background: url("http://www.pratikkontor.com/img/bottomRight.png") right top no-repeat;			}#newVendorPagerContainer {	float:right;	height:16px;	text-align: center;	padding-top: 10px;	border:0px solid red;}	#newVendorPagerContainer img {		float: left;		width: 5px;		height: 8px;		margin-left: 5px;		margin-right: 5px;		margin-top: 3px;	}	div.newVendorPager a{		float: left;		font-size: 12px;		color: #666666;		margin-left: 5px;		margin-right: 5px;		text-decoration: none;	}	div.newVendorPagerSelected {		float: left;		margin-left: 5px;		margin-right: 5px;	}	div.newVendorPagerSelected a{		color: #CF142B;		font-size: 12px;		text-decoration: none;	}label{cursor:pointer;}div.leftBanoonTitle1 {	float: left;	width: 220px;	padding-top: 10px;	padding-left: 15px;	display: inline;	overflow: hidden;	font-weight: bold;}div.leftBanoonTitle2 {	float: left;	width: 240px;	padding-top: 10px;	display: inline;	overflow: hidden;	font-weight: bold;	font-size: 14px;	text-align: center;}div.leftBanoonContent2 {	float: left;	width: 240px;	padding-top: 10px;	display: inline;	overflow: hidden;	font-weight: bold;	font-size: 14px;	text-align: center;	color: #CF142B;}/*skel melih*/hr.seperator 			{ color:#E9E9E6; height:1px; background-color:#E9E9E6; border:0px; }/* lightbox */#lbMainContainer {	/*background:#fff;*/	margin:0;	padding:0;	position:absolute;	top:0px;	left:0px;	z-index:66666;	border:0px solid red;	width:500px;	height:500px;}	#lbTopContainer {		height:50px;		margin:0px;		padding:0px;		border:0px solid red;		width:100%;	}		#lbTopLeft {			margin:0px;			padding:0px;			width:20px;			height:50px;			float:left;			display:inline;			overflow:hidden;			background:url("http://www.pratikkontor.com/img/bgLBTopLeft.png") top left no-repeat;			border:0px solid red;		}		#lbTopRight {			margin:0px;			padding:0px;			width:20px;			height:50px;			float:right;			display:inline;			overflow:hidden;			background:url("http://www.pratikkontor.com/img/bgLBTopRight.png") top right no-repeat;			border:0px solid red;		}		#lbTopMid {			margin:0px;			float:left;			padding:0px;			overflow:hidden;			display:inline;			width:1250px;			background:url("http://www.pratikkontor.com/img/bgLBTopMid.png") top left repeat-x;			height:50px;			border:0px solid red;		}			#lbTopText {				float:left;				display:inline;				height:20px;				line-height:20px;				padding-top:20px;				padding-left:5px;				color:#ffffff;				font-size:14px;				font-weight:bold;			}			#lbTopCloseButton {				float:right;				display:inline;				overflow:hidden;				margin-right:0px;				margin-top:20px;				width:20px;				height:20px;			}	#lbMidContainer {		margin:0px;		padding:0px;		border:0px solid blue;		width:100%;	}		#lbMidLeft {			float:left;			display:inline;			overflow:hidden;			margin:0px;			padding:0px;			width:20px;			height:100%;			background:url("http://www.pratikkontor.com/img/bgLBMidLeft.png") top left repeat-y;			border:0px solid red;		}		#lbMidRight {			float:right;			display:inline;			overflow:hidden;			margin:0px;			padding:0px;			width:20px;			height:100%;			background:url("http://www.pratikkontor.com/img/bgLBMidRight.png") top right repeat-y;			border:0px solid red;		}		#lbMid {			margin:0px;			padding:0px;			height:100%;			border:0px solid red;			background:#fff;			float:left;			display:inline;			width:1250px;			overflow:hidden;					}			#lbContentIframe {				margin:0px;				padding:0px;				height:100%;				width:99%;				border:0px solid red;				overflow-y:auto;				overflow-x:hidden;							}	#lbBottomContainer {		margin:0px;		padding:0px;		height:20px;		border:0px solid red;	}		#lbBottomLeft {			float:left;			display:inline;			overflow:hidden;			margin:0px;			padding:0px;			width:20px;			height:20px;			background:url("http://www.pratikkontor.com/img/bgLBBottomLeft.png") top left no-repeat;			border:0px solid red;		}		#lbBottomRight {			float:right;			display:inline;			overflow:hidden;			margin:0px;			padding:0px;			width:20px;			height:20px;			background:url("http://www.pratikkontor.com/img/bgLBBottomRight.png") top right no-repeat;			border:0px solid red;		}		#lbBottomMid {			margin:0px;			padding:0px;			height:20px;			float:left;			display:inline;			width:1250px;			background:url("http://www.pratikkontor.com/img/bgLBBottomMid.png") top left repeat-x;			border:0px solid red;		}		/*			margin:0px;			padding:0px;			height:60px;			overflow:hidden;		*/.blocker {	position:absolute;	top:0px;	left:0px;	border:none;	background:#000;	filter:alpha(opacity=50);	opacity: 0.5;	-moz-opacity:0.5;	z-index:55555;}/* lightbox ends *//*CSS INCLUDES FOR AutoCompleter*/ div.autocompleter-loading{	float:					left;	clear:					right;	background:				#fff url("http://www.pratikkontor.com/img/ajaxLoadSmall.gif") no-repeat center;	width:					20px;	height:					16px;}ul.autocompleter-choices{	position:				absolute;	margin:					0;	padding:				0;	list-style:				none;	border:					1px solid #eee;	background-color:		white;	border-right-color:		#ddd;	border-bottom-color:	#ddd;	text-align:				left;	font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif;	z-index:				50;	}ul.autocompleter-choices li{	position:				relative;	padding:				0.1em 1.5em 0.1em 1em;	cursor:					pointer;	font-weight:			normal;	font-size:				8pt;	color:					#888;}ul.autocompleter-choices li.autocompleter-selected{	background-color:		#3f6ea2;	color:					#fff;}ul.autocompleter-choices span.autocompleter-queried{	font-weight:			bold;}ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried{	color:					#fff;}/*CSS INCLUDES FOR module ONLINE*/ /*CSS INCLUDES FOR main*/ body { background:#519526 url("http://www.pratikkontor.com/img/onlineKontorBg.png") top repeat-x;}#mainContainer {	width: 886px;	margin-top:30px;	height:100%;}#topContainer {	height:240px;	background: url("http://www.pratikkontor.com/img/onlineKontorTop.gif") no-repeat;	margin-top:10px;	margin-bottom:20px;	position:relative;}#navigationContainer{	float:right;	margin-right:20px;	display:inline;	overflow:hidden;}#navigationContainer div.seperator{	float:left;	display:inline;	overflow:hidden;	width:2px;	height:48px;	background:url("http://www.pratikkontor.com/img/onlineKontorNavSeperator.gif");	margin-left:5px;	margin-right:5px;}#navigationContainer div.item{	float:left;	height:29px;	text-align:center;	margin-top:10px;	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 	filter: alpha(opacity=100);						opacity: 1;	}#navigationContainer div.item div.left{	float:left;	width:8px;	height:29px;	display:inline;	overflow:hidden;}#navigationContainer div.item div.right{	float:left;	width:8px;	height:29px;	display:inline;	overflow:hidden;}#navigationContainer div.item div.center{	float:left;	height:29px;	padding-top:8px;}#navigationContainer div.itemHover{	float:left;	height:29px;	margin-top:10px;	text-align:center;		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 	filter: alpha(opacity=0);						opacity: 0;}#navigationContainer div.itemHover div.left{	float:left;	width:8px;	height:29px;	display:inline;	overflow:hidden;	background:url("http://www.pratikkontor.com/img/onlineKontorButtonLeft.gif") top left no-repeat;}#navigationContainer div.itemHover div.right{	float:left;	width:8px;	height:29px;	display:inline;	overflow:hidden;	background:url("http://www.pratikkontor.com/img/onlineKontorButtonRight.gif") top left no-repeat;}#navigationContainer div.itemHover div.center{	float:left;	height:29px;	background:url("http://www.pratikkontor.com/img/onlineKontorButtonBg.gif") top left repeat-x;	padding-top:8px;}#navigationContainer a {position:relative;z-index:10;}#animationContainer{	float:right;		position:absolute;	margin-left:67px;	display:inline;	width:440px;	height:230px;}#promotion{	float:right;	margin-top:70px;	position:absolute;	margin-left:616px;	display:inline;	overflow:hidden;	width:273px;	z-index:5;	padding-top:10px;	}#promotion div.item{	height:74px;	margin-top:-10px;	}#promotion div.item img{	margin-left:20px;	margin-top:20px;}#promotion div.itemHover img{	margin-left:20px;	margin-top:20px;}#midContainer {	float: left;	width: 885px;	margin-top: -10px;	background:#fff;	display:inline;	overflow:hidden;}#middleTopContainer {		float: left;		width: 886px;		margin-left:-1px;		height: 194px;		background:url("http://www.pratikkontor.com/img/onlineKontorMainBg.png") top left no-repeat;		display:inline;		overflow:hidden;		z-index:1;		position:relative;	}#middleCenterContainer {			float: left;			width: 867px;			margin-top:-194px;			padding: 10px;			background:none;			display: inline;			z-index:2;						position:relative;		}#middleBottomContainer {			float: left;			width: 887px;			height: 19px;			background:url("http://www.pratikkontor.com/img/onlineKontorMainBottom.png") top left no-repeat;			padding-bottom:10px;		}#bottomContainer {			float: left;			padding-bottom:10px;			color:#a8ca93;			font-size:7pt;			width: 887px;		}#bottomLeft {			float: left;			margin-left:2px;			color:#a8ca93;			font-size:8pt;		}#bottomRight {			float: right;			text-align:right;		}#bottomLeft a {color:#a8ca93;font-weight:bold;}		#mainLeft{	width: 368px;	float:left;	display:inline;	}#mainRight{	width: 460px;	float:left;	margin-left:10px;	margin-top:5px;	display:inline;	color:#555555;	line-height:18px;	border-left:1px solid #dadada;	padding-left:20px;}div.mainImageContainer{	float:left;	display:inline;	width:171px;}div.mainTextContainer{	float:left;	margin-left:10px;	padding-top: 5px;	width:187px;	line-height:18px;	color:#555555;	display:inline;	}a {color:#CF142B;}#contentLeft{	float:left;	display:inline;	width: 218px;	overflow:hidden;}#contentRight{	float:left;	display:inline;	width: 598px;	line-height:18px;	margin-left:10px;	color:#555555;	font-family:tahoma;	font-size:13px;	text-align:justify;	overflow:hidden;	}/* Form CSS */	div.formElementItemContainer {		float: left;		display: inline;		overflow: hidden;		width: 650px;		padding-top: 10px;		padding-bottom: 5px;	}		div.formElementItemCaption {			float: left;			display: inline;			overflow: hidden;			width: 104px;			font-weight: bold;			padding-top: 4px;		}		div.formElementItemSeperator {			float: left;			display: inline;			overflow: hidden;			width: 7px;			height: 20px;			font-weight: bold;			padding-top: 4px;			padding-left: 3px;		}		div.formElementItemElement {			float: left;			display: inline;			overflow: hidden;			width: 360px;			padding-left: 10px;		}		div.formElementItemElement input 		{				width: 200px;		}				div.formElementItemElement select		{				background:transparent url("http://www.pratikkontor.com/img/textareaBg.gif") no-repeat scroll left top;			border:1px solid #666666;			color:#4C4C4C;			height:22px;			line-height:22px;			padding-left:4px;		}			div.formElementItemElement.autoComplete input {				width: 250px;				height: 18px;				border: 1px solid #666;				background: #B5E498;				line-height:22px;				padding-left:4px;				padding-top:4px;				@padding-top:0px;				@padding-bottom:4px;				font-family: Tahoma;				font-size: 12px;				color: #333333;			}			div.formElementItemElementCheckbox {				float: left;				display: inline;				width: 18px;				height: 18px;				padding-left:4px;				padding-top:4px;				@padding-top:0px;				@padding-bottom:4px;				color: #333333;			}				div.formElementItemElementCheckbox input {					width: 18px;					height: 18px;					border: 1px solid #666;				}			div.formElementItemElementTitle {				float: left;				display: inline;				height: 18px;				line-height:22px;				padding-left:4px;				padding-top:1px;				@padding-top:0px;				@padding-bottom:4px;				font-family: Tahoma;				font-size: 12px;				color: #333333;			}	#formElementSeperator {		float: left;		display: inline;		overflow: hidden;				margin-top: 30px;		margin-bottom: 20px;		border-top: 1px solid #DADADA;	}	#formElementFooterContainer {		float: left;		display: inline;		overflow: hidden;		margin-top:20px;		padding-bottom: 30px;	}		#formElementFooterLeft {			float: left;			display: inline;			overflow: hidden;		}		#formElementFooterRight {			float: right;			display: inline;			overflow: hidden;		}			/* Form CSS */#errorMessage{	color:#f22;	font-weight:normal;	font-size:9pt;	background:#fff;	padding:5px;	position:absolute;	border:2px solid #ddd;	display:none;	z-index:100;}