html {
	overflow: scroll;
}

/*
 Generic site wide changes
 */
body {
	background: #F2F1ED;
	margin: 0;
}

/* controls the appearance of links throughout the application */
a:link,a:hover,a:visited,a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
}

.fotoText{
	font-weight:bold;
	color:red;
}
.genelPnlGrd{ 
	text-align: center;
	margin-left:50px;
}
.fotoPnlGrd {
	padding-left:15px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width:500px;
	border: 1px solid #d9d9d9;

}

.fotoButonPnlGrd{
  	border: 0px solid #d9d9d9;
}

.ingButon {
	width: 19px;
	height: 14px;
	border: 0px;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	background-image: url(./images/en.png);
}

.turButon {
	width: 19px;
	height: 14px;
	border: 0px;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	background-image: url(./images/tr.png);
}

.turButon {
	width: 78px;
	height: 30px;
	border: 0px;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	background-image: url(./images/dil1.jpg);
}

.caddeButon {
	width: 18px;
	height: 18px;
	border: 0px;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	background-image: url(./images/cadde.png);
}

.haritaButon {
	width: 16px;
	height: 16px;
	border: 0px;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	background-image: url(./images/haritadagoster.png);
}

.resimButon {
	width: 16px;
	height: 16px;
	border: 0px;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	background-image: url(./images/resimgoster.png);
}

.googleButon {
	width: 16px;
	height: 16px;
	border: 0px;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	background-image: url(./images/googledagoster.png);
}

.imarDurumuButon {
	width: 16px;
	height: 16px;
	border: 0px;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	background-image: url(./images/imarbilgisi.png);
}

.sonrakiFotoButon {
	width: 100px;
	height: 25px;
	border: 0px;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	background-image: url(./images/sonrakiFoto.png);
}

.oncekiFotoButon {
	width: 100px;
	height: 25px;
	border: 0px;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	background-image: url(./images/oncekiFoto.png);
}



/* demo titles */
h2 {
	margin-top: 10px;
	margin-left: 5px;
	margin-bottom: 5px;
	font-size: 1.5em;
}

/* description of each component example */
h3 {
	font-size: 1em;
	margin-bottom: 5px;
	font-weight: bold;
	margin: 0px;
}

/* sub-description used directly underneath h3 */
h4 {
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
	font-size: 1em;
	font-weight: normal;
}

/* table labels in examples */
h5 {
	margin: 5px;
	margin-left: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 1em;
}

/* table header labels */
h6 {
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 2px;
	font-size: 1em;
	width: 280;
	height: 30;
}

.baslik {
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-size: 12px;
	position: fixed;
	margin-left: 10%;
	padding-top: 50%;
	margin-top: 40%;
	margin-left: 10%;
	margin-top: 40%;
}

.icePnlGrd {
	padding-bottom: 0px;
	padding-left: 0px;
}

.iceFrm {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0;
	margin-top: 0;
}

.icePnlClpsblCnt {
	background-color: #EFF1E8;
	width: 10px;
	border: 0px;
}

.icePnlClpsblAdresHdr {
	background-image: url(./images/adres_arama2.png);
	border: none;
	padding-bottom: 0px;
	text-align: middle;
	font-family: verdana;
	border: none;
	font-size: 10px;
	width: 280;
	height: 30;
	text-decoration: none;
	font-family: verdana;
}

.icePnlClpsblAdresColpsdHdr {
	background-image: url(./images/adres_arama1.png);
	border: none;
	padding-bottom: 0px;
	font-family: verdana;
	border: none;
	font-size: 10px;
	width: 280;
	height: 30;
	text-decoration: none;
}

.icePnlClpsblOnemliYerHdr {
	background-image: url(./images/onemli_yer_arama2.png);
	border: none;
	padding-bottom: 0px;
	text-align: middle;
	font-family: verdana;
	border: none;
	font-size: 10px;
	width: 280;
	height: 30;
	text-decoration: none;
	font-family: verdana;
}

.icePnlClpsblOnemliYerColpsdHdr {
	background-image: url(./images/onemli_yer_arama1.png);
	border: none;
	padding-bottom: 0px;
	font-family: verdana;
	border: none;
	font-size: 10px;
	width: 280;
	height: 30;
	text-decoration: none;
}

.icePnlClpsblKadastroHdr {
	background-image: url(./images/kadastro_ile_arama2.png);
	border: none;
	padding-bottom: 0px;
	text-align: middle;
	font-family: verdana;
	border: none;
	font-size: 10px;
	width: 280;
	height: 30;
	text-decoration: none;
	font-family: verdana;
}

.icePnlClpsblKadastroColpsdHdr {
	background-image: url(./images/kadastro_ile_arama1.png);
	border: none;
	padding-bottom: 0px;
	font-family: verdana;
	border: none;
	font-size: 10px;
	width: 280;
	height: 30;
	text-decoration: none;
}

.icePnlClpsblKadastroCnt {
	background-color: #EFF1E8;
	width: 10px;
	border: 0px;
}

.iceImgCmd {
	font-family: verdana;
	font-size: 10px;
	color: blue;
	text-decoration: none;
	font-weight: bold;
	border: 0px; background-image : none;
	background-color: transparent;
	background-image: none;
}

.iceCmdBtnKapat {
	width: 17px;
	height: 18px;
	border: 0px;
	font-family: verdana;
	font-size: 10px;
	background-image: url(./images/kapat.png);
	text-decoration: none;
	padding-top: 10px;
	cursor: pointer;
        text-align: right;

}

.iceCmdBtnSec {
	width: 17px;
	height: 18px;
	border: 0px;
	font-family: verdana;
	font-size: 10px;
	background-image: url(./images/sec.png);
	text-decoration: none;
}

.iceCmdBtnBul {
	width: 40px;
	height: 18px;
	border: 0px;
	font-family: verdana;
	font-size: 9px;
	color: white;
	background-image: url(./images/bul.png);
	text-decoration: none;
}

.iceCmdBtnTemizle {
	width: 60px;
	height: 18px;
	border: 0px;
	font-family: verdana;
	font-size: 9px;
	color: white;
	background-image: url(./images/temizle.png);
	text-decoration: none;
}

.iceOutLblSonuc {
	font-family: verdana;
	font-size: 10px;
	color: #16a9cd;
	text-decoration: none;
}
.a{}
.iceOutLbl {
	font-family: verdana;
	font-size: 10px;
	color: #999ea3;
	text-decoration: none;
	font-weight: bold;
}
//otomatik tamamla
.iceSelInpTxtSelRow{
background-color:#3366FF;	
border:0px;
}
.iceSelInpTxtRow{
border:none;
}
.iceSelInpTxt, .iceSelInpTxtTxt{
	width: 150px;
	height: 15px;
	
	border: none;
	font-family: verdana;
	font-size: 10px;
	color: #999ea3;
	text-decoration: none;
}

.iceInpTxt,.iceInpSecrt,.iceInpTxtArea{
	width: 150px;
	height: 15px;
	
	border: none;
	font-family: verdana;
	font-size: 10px;
	color: #999ea3;
	text-decoration: none;
}

.grafik {
	border: none;
}

.iceDatTblCol {
	width: 500px;
}

.iceInpTxt2 {
	width: 236px;
	height: 15px;
	background: url(images/input.gif) no-repeat left top;
	border: none;
	padding: 4px 8px;
}

.iceInpTxt3 {
	width: 236px;
	height: 15px;
	background: url(images/input.gif) no-repeat left top;
	border: none;
	padding: 4px 8px;
}

.iceCmdBtn1 {
	width: 69px;
	height: 26px;
	color: #FFF;
	font-weight: bold;
	padding: 2px 5px;
	background: url(images/button.gif) no-repeat left top;
	cursor: pointer;
	border: none;
}

.iceCmdBtn2 {
	color: #FFF;
	font-weight: bold;
	padding: 2px 5px;
	background: url(images/button2.gif);
	cursor: pointer;
	border: none;
}

.panelPopupPosition {
	z-index: 1001;
	width: 40%;
	height: 85%;
	top: 25%;
	left: 26%;
	position: absolute;
	padding: 0px;
}

.icePnlPop {
	z-index: 1000;
	position: absolute;
	width: 200px;
	height: 150px;
	top: 5px;
	left: 6px;
	background-color: #DBD8CE;
}

.icePanelPopupBody {
	background-color: #EDEFE2;
}

.iceOutputLinkHarita {
	background-image: url(./images/haritada_goster.png);
}

.icePnlPopHdr {
	background-image: url(./images/background.JPG);
	background-repeat: repeat;
	width: 100%;
	height: 100%;
	text-align: center;
}

.icePnlPopFtr {
	background-color: #DBD8CE;
}

.propertyLabel {
	font-weight: bold; /*font-size:0.9em;*/
}

.componentPropertySelection td label {
	vertical-align: middle;
	padding: 0px;
}

/* backing bean labels */
.valueHeader {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	font-style: oblique;
}

.valueText {
	font-size: x-small;
}

em { /*font-size:14px;*/
	
}

/* vertical alignment of labels */
.formBorderHighlight td input,.formBorderHighlight td label {
	vertical-align: middle;
}

/* Component tabset labels */
.componentPanelTabSetLayout .MiddleMiddle {
	font-weight: bold;
	font-size: 12px;
}

/*
 Controls the appearance of the header section of the document including the
 application logo
*/
#headerDiv {
	text-align: left;
	width: 100%;
}

/* Direct to DOM logo (top right) */
#logoD2D {
	position: absolute;
	top: 0px;
	right: 0px;
}

/* Showcase logo */
#logoShowcase {
	position: absolute;
	right: 119px;
	top: 0px;
}

/*
 Navigation
*/
.navTree {
	overflow: auto;
	height: 550px;
}

.navThemeChange,.navTree {
	border: 1px solid #dedede;
	margin: 5px;
	/*padding: 5px;*/
	margin-top: 0;
	width: 250px;
}

.navConnectionStatus {
	position: absolute;
	top: 90px;
	right: 0px;
}

.navThemeChange .themeSelector {
	text-align: right;
}

.labelSelector {
	font-size: 12px;
	text-align: center;
}

.labelSelector h3 {
	font-size: 12px;
}

.themeSelector input {
	font-size: 12px;
}

.attributeColumnLabel {
	vertical-align: middle;
}

.attributeColumnValue {
	
}

/*
 The following styles are used by showcase.jsp and componentTemplate.jsp
 for generic application layout.
 */
.headerDivBackground {
	text-align: left;
	background-image: url( ./images/address-bkgnd.gif );
}

.includeIframe {
	border: 1px solid #DEDEDE;
	width: 99%;
	height: 450px;
}

.componentContentPanelStack {
	vertical-align: top;
	width: 100%;
}

/* override default panel stack state */
.icePnlStkRow,.icePnlStkCol {
	vertical-align: top;
	width: 100%;
}

.contentLayoutGridStyle {
	width: 100%; /* fixed height of content demos*/
	height: 600px;
}

.contentLayoutGridStyle td {
	vertical-align: top;
}

.componentLayoutRootTable {
	table-layout: fixed;
	vertical-align: top;
}

.contentLayoutGridColumn { /*border: 1px dashed #CCCCCC;*/
	vertical-align: top;
}

.iceNavigationtLayout {
	width: 100%; /*table-layout: fixed;*/
}

.formBorderHighlight,.treeNodeControlButtonsBorder,.effectsControlsBorder
	{
	vertical-align: top; /*width: 100%;*/
	border: 1px solid #CCCCCC;
	padding: 10px;
}

.calBorderHighlight {
	vertical-align: top;
	border: 1px solid #CCCCCC;
	padding: 10px;
}

/* label alignment */
.componentPropertySelection td {
	vertical-align: top;
}

.componentPropertySelection td {
	vertical-align: top;
	padding-right: 5px;
	padding-bottom: 10px;
}

.iceMainRightLayout {
	vertical-align: top;
}

.iceTabbedPaneCustom {
	width: 100%;
}

/* Main border layout for template */
.mainBorderLayout {
	border: 0px;
	vertical-align: top;
	width: 100%;
}

/* over ride default theme */
.icePageNorth {
	background-color: #FFFFFF;
	vertical-align: top;
	text-align: left;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}

.icePageWest {
	background-color: #FFFFFF;
	vertical-align: top;
	width: 20%;
}

.icePageCenter {
	background-color: #FFFFFF;
	vertical-align: top;
	width: 80%
}

/* encapsulates the demo tab panel */
.demoWindow {
	clear: right;
}

/* copyright information displayed at end of page */
.showcaseFooter {
	text-align: center;
}

/*
  Tree component style
 */
.iceTreeComponentLayout {
	width: 50%;
	vertical-align: top;
	text-align: left;
}

.treeDemoStyle {
	background-color: red;
}

.treeNodeControlButtonsBorder {
	width: 100%;
}

/* encapsulates the tree element and restricts it to the given size */
.treeContainer {
	border: 1px solid #dedede;
	width: 100%;
	height: 400px;
	overflow: scroll;
}

/*
  Selection Demo
*/ /* main layout*/
.selectionLabelColumn {
	white-space: nowrap;
}

.selectionTagsColumn {
	
}

.selectTagMenu {
	width: 115px;
	font-size: 12px;
}

/* IE bugfix - white background on radio and checkboxes */
.selectionRadioGroup input {
	background-color: #efefef;
}

.selectionListBoxGroup select { /*font-size:12px;*/
	overflow: scroll;
}

.selectionRadioGroup,.selectionListBoxGroup {
	background-color: #efefef;
	text-align: center;
	border: 1px solid #bbb;
}

.selectionRadioGroup td {
	vertical-align: middle;
	padding: 5px;
	width: 10%;
}

.selectionRadioGroup {
	width: 300px;
}

.selectionListBoxGroup {
	vertical-align: top;
	padding: 5px;
}

.selectionListBoxGroup select {
	width: 140px;
}

.selectionRadioGroup label { /*font-size: 12px;*/
	
}

.selectionCheckSelectCombo {
	width: 100%;
}

.selectionCheckSelectCombo td {
	width: 50%;
}

/*
  Calendar Styles
 */
.iceCalInput {
	width: 90px;
}

.progressBarColumn {
	vertical-align: top;
	text-align: left;
}

/*
 Data scroller Styles
*/
.leftDataControlColumn {
	text-align: right;
}

.rightDataControlcolumn {
	text-align: left;
}

/*
 Progress bar component style
*/
.iceProgressBarComponentLayout {
	width: 50%;
	vertical-align: top;
	text-align: left;
}

.progressSelectMenu {
	width: 120px;
}

.progressBarText {
	vertical-align: bottom;
}

/*
  Tab Set Panel example
*/
.tabPanelControls {
	border: 1px solid #dedede;
	width: 225px;
	margin-bottom: 10px;
	margin-top: 3px;
}

/* vertical alignment of labels */
.tabPanelControls td input,.tabPanelControls td label {
	vertical-align: middle;
}

/*
  Drag and Drop
*/ /* store and shopping cart list*/
.shoppingCart {
	text-align: center;
	vertical-align: top;
}

.cartDropZone {
	border: thin solid rgb(200, 200, 200);
	padding-top: 5px;
	height: 80px;
	width: 120px;
	text-align: center;
	vertical-align: middle;
}

.cartDropZonText1 {
	font-weight: bold;
}

.cartDropZonText1 {
	
}

.dragDropImage {
	
}

.dragDropImageSrc {
	cursor: move;
	border: solid black 1px;
}

.dragDropImageSmall {
	width: 50px;
	height: 38px;
}

.cartDropWrapper {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 50px;
}

.cartDropParent {
	width: 100%;
}

.storeLayoutTable {
	width: 285px;
}

.cartLayoutTable {
	width: 350px;
}

.cartImageColumn,.cartNameColumn,.cartPriceColumn,.cartQuantityColumn,.cartCostColumn,.cartReturnColumn,.shoppingCartFooter,.triangleColumn
	{
	white-space: nowrap;
	color: #000000;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	text-align: left;
}

.cartQuantityColumn {
	text-align: center;
}

.cartCostColumn {
	width: 40px;
}

.cartNameColumn {
	width: 60px;
}

/*
  List
*/
.listItemIcon {
	vertical-align: top;
}

/*!*/
.formBorderHighlight table {
	border-collapse: collapse;
}

.listDescriptor table {
	padding: 0px;
	margin: 0px;
}

.listDescriptor td {
	background-color: #efefef;
}

.contentLayoutGridColumn  td {
	vertical-align: top;
}

.listReceipt td {
	width: 90px;
	text-align: left; /*font-size:12px;*/
}

/*
  panelPopup demo
*/
.popupButton {
	text-align: right;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.popupTitle span {
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	padding: 4px;
	color: #FFFFFF;
	font-size: 1.10em;
}

.popupModalBody {
	
}

.popupModalBody input {
	float: right;
	margin-right: 2px;
	margin-top: 40px;
}

.popupButton {
	text-align: right;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.panelPopupHeader .iceOuputtext,.icePanelPopupHeader {
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	padding: 4px;
	color: #FFFFFF;
	font-size: 1.10em;
}

.popupControls td {
	vertical-align: middle;
}

/*
  Effects demo
*/ /* label alignment */
.effectsControlsBorder {
	height: 130px;
}

.effectsControlsBorder td {
	vertical-align: middle;
}

.specAttributes td {
	padding: 2px;
	vertical-align: middle;
}

.effectsSelectMenu {
	width: 130px;
}

.moveModeSelectMenu {
	width: 90px;
}

.effectDemoPanelGroup {
	width: 300px;
	margin: 2px;
	padding: 5px;
	height: 120px;
	background: #fff;
	border: 1px solid black;
	text-align: center;
}

.effectDemoPanelGroupContainer {
	width: 310px;
	height: 150px;
}

.effectSpecContainer {
	width: 330px;
	height: 130px;
}

.effectSpecContainer td {
	height: 35px;
	padding-right: 15px;
}

/* prevent fade effect from resizing results table */
.effectDemoResultsTable {
	width: 450px;
}

.effectFirstRow {
	height: 150px;
}

.effectSecondRow {
	height: 40px;
}

.effectThirdRow {
	height: 40px;
}

/*
  Connection status page
*/
.connectionStatusGraphics {
	text-align: center;
}

.connectionStatusGraphics td {
	font-weight: bold; /*font-size:1em;*/
	padding: 5px;
}

/* paragraph describing component */
.connectionExplanation {
	margin: 0px;
	margin-bottom: 5px; /*font-size:1.2em;*/
}

/*
  File Upload example
*/ /* File Upload iframe */
.iceFileUpload {
	padding: 10px;
	height: 55px;
}

/*
  Panel Border example
*/
.panelBorderDemoLayoutMain {
	text-align: center;
	width: 400px;
}

.panelBorderDemoLayoutMain td {
	vertical-align: middle;
	text-align: center;
	font-weight: normal;
}

.panelBorderDemoLayoutMain .icePageCenter {
	background-color: #EAEDE6;
}

.panelBorderDemoLayoutMain .icePageNorth {
	height: 40px;
	background-color: #D7D7D1;
}

.panelBorderDemoLayoutMain .icePageEast {
	width: 50px;
	background-color: #BCE0D9;
}

.panelBorderDemoLayoutMain .icePageSouth {
	height: 40px;
	background-color: #DEE7D5;
	border-top-width: 0;
}

.panelBorderDemoLayoutMain .icePageWest {
	width: 50px;
	background-color: #F1EED5;
}

/*
  Panel stack example style
 */ /* calendar container */
.calendarGridColumn {
	width: 50%;
	vertical-align: top;
	text-align: left;
}

/* Panel Grid examples */
.panelGridHeader {
	background-color: #C0C0C0;
	vertical-align: top;
}

.panelGridFooter {
	background-color: #CCCCCC;
	vertical-align: top;
}

.panelGridColumn1 {
	vertical-align: top;
}

.panelGridColumn2 {
	vertical-align: bottom;
}

/*
  Text Entry, Buttons & Links
*/ /* label alignment */
.textFieldNameRow td {
	padding-bottom: 5px;
	padding-right: 5px;
	vertical-align: middle;
}

.textFieldCommentsRow td {
	padding-bottom: 5px;
	padding-right: 5px;
	vertical-align: top;
}

/* Data Table sytles*/
.dataScrollerTable {
	
}

.dataPaginatorTable {
	
}

.sortableHeader {
	text-align: left;
}

.firstCol,.lastCol,.phoneCol,.emailCol {
	color: #000000;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	text-align: left;
	white-space: nowrap;
}

.firstCol,.lastCol,.phoneCol {
	width: 70px;
}

.emailCol {
	width: 180px;
}

.tableCol {
	color: #000000;
	white-space: nowrap;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	text-align: left;
}

.dataPagingBorderHighlight {
	border: 1px solid silver;
	width: 100%;
	border-collapse: collapse;
	margin-left: 1px;
}

.dataPagingBorderHighlight td {
	padding-left: 10px;
	border-right: 1px solid silver;
}

.dataPagingBorderHighlight table td {
	border: 0px;
}

/* Panel stack example */
.panelGroupColor,.panelGroupFruit,.panelGroupMineral {
	padding: 10px;
	border: 1px solid;
	width: 380px;
}

.panelGroupColor {
	background-color: whitesmoke;
}

.panelGroupFruit {
	background-color: seashell;
}

.panelGroupMineral {
	background-color: lavender;
}

/* Expandable table example */
.triangleColumn {
	width: 20px;
}

/* emphasize child row */
.childRowStyle { /*font-size:0.8em;*/
	
}

/* emphasize parent row */
.groupRowStyle {
	font-weight: bold;
}

/* Inventory column sytles*/
.expandColumn {
	text-align: center;
}

.descriptionColumn {
	text-align: left;
}

.dateColumn {
	text-align: left;
}

.quantityColumn {
	text-align: center;
}

.priceColumn {
	text-align: right;
}

.totalColumn {
	text-align: right;
}

/* autoComplete table */
.autoCompleteLayout table {
	vertical-align: top;
	border-collapse: collapse;
}

.autoCompleteLayout table td {
	padding-left: 0px;
}

.selectInputTextCol {
	padding-right: 10px;
}

.beanCol {
	padding-right: 0px;
}

.cityCol {
	width: 125px;
}

.stateCol {
	width: 125px;
}

.zipCol {
	width: 50px;
}

.iceSelInpRow,.iceSelInpSelRow {
	height: 15px;
}

.iceSelInpSelRow {
	color: #FFFFFF;
}

.quantityLabel {
	border: 1px solid silver;
	width: 85px;
	height: 15px;
	text-align: center;
	margin-top: 2px;
	padding-top: 5px;
}

.columns1 {
	white-space: nowrap;
	color: #000000;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	width: 150px;
	text-align: center;
}

.columnsColumn,.columnsNestedColumn,.columnsNestedBoldColumn {
	white-space: nowrap;
	color: #000000;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
}

.columnsColumn {
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	width: 55px;
}

.columnsNestedColumn {
	width: 15px;
	padding-left: 1px;
	padding-right: 1px;
}

.columnsNestedBoldColumn {
	width: 15px;
	font-weight: bold;
}

/* encapsulates the columns dataTable element and restricts it to the given size */
.columnsContainer {
	height: 375px;
	overflow: scroll;
	border: 1px solid #dedede;
}

/* positioned Panel demo */
.startcell {
	z-index: 1000;
	background: #fff;
	padding: 5px;
}

.starttitle {
	cursor: move;
	overflow: hidden;
	height: 1.5em;
	line-height: 1.5em;
	background-color: #f1f8ff;
	color: #0066cc;
	font-size: 120%;
	font-weight: bold;
	text-decoration: none;
}

.startcolumn {
	float: left;
}

.startheader {
	font-family: arial, sans-serif;
	font-size: 20px;
	color: blue;
}

.droptargethover {
	background-color: #ffff99;
}

/* position panels */
.positionPanelContainer {
	width: 200px;
	border-top: 1px solid black;
}

/* chart component */
.addPieceColumn {
	width: 300px;
}

.removePieceColumn {
	width: 250px;
}