
div.tx-box { }
div.tx-box table { margin:0; padding:0; }
div.tx-box form { margin:0; padding:0; }
div.tx-box .tx-box-co { padding:10px; }

div.tx-box .tx-box-co .csc-header { font-size:1em; }

div.tx-box-co h1, div.tx-box-co h2, div.tx-box-co h3, 
div.tx-box-co h4, div.tx-box-co h5, div.tx-box-co h6 { padding:0; margin:0; }
div.tx-box-co h5 { color:#069; font-family: Arial, Geneva, Helvetica, sans-serif; font-weight:bold; }

/*blue*/
div.tx-box-1 {  }
div.tx-box-1 h5 { color:#09c; font-weight:bold; font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif; }
div.tx-box-1-co { color:#000000; margin:0; border:1px solid #ddd; }
div > .tx-box-1-co { width:auto; }
div.tx-box-1 p { }

/*green*/
div.tx-box-2 { }
div.tx-box-2 .csc-header { background:#f1faf1 url(../../main/css/img/bg_menu_h_green.gif) right top repeat-x;
	/*padding:8px 10px 3px 10px; margin:-10px -7px 5px -7px;*/ }
div.tx-box-2 .csc-header .csc-firstHeader { color:white; } 
div.tx-box-2 h1, div.tx-box-2 h2, div.tx-box-2 h3, div.tx-box-2 h4 { color:green; }
div.tx-box-2-co { color:#000000; margin:0; background-color:#f1faf1; }
div > .tx-box-2-co { width:auto; }
div.tx-box-2 p { color:black; }

/*yellow*/
div.tx-box-3 {  }
div.tx-box-3 h1, div.tx-box-3 h2, div.tx-box-3 h3, div.tx-box-3 h4 { color:#f90; }
div.tx-box-3-co { color:#000000; margin:0; background-color:#FFF7EE; #FFF8DC; } 
div > .tx-box-3-co { width:auto; }
div.tx-box-3 p { color:#333; }

/*orange*/
div.tx-box-4 {  }
div.tx-box-4 h1, div.tx-box-4 h2, div.tx-box-4 h3, div.tx-box-4 h4 { }
div.tx-box-4-co { color:#000000; margin:0; background-color:#FFE4B5; #F3AB15; }
div > .tx-box-4-co { width:auto; }
div.tx-box-4 p { }
div.tx-box-4 a { font-weight:bold; }


/*silver*/
div.tx-box-5 { border:1px solid #eee; /*border-top:0;*/ }
div.tx-box-5 .csc-header { background:#f1f1f1 url(../../main/css/img/bg_menu_h_silver_30.png) right top repeat-x;
	/*padding:8px 10px 3px 10px; margin:-10px -7px 5px -7px;*/ }
div.tx-box-5 h1, div.tx-box-5 h2, div.tx-box-5 h3, div.tx-box-5 h4 { color:black; }
div.tx-box-5-co { color:#000000; margin:0; background-color:#f9f9f9; /*font-size:1em;*/ }
div > .tx-box-5-co { width:auto; }
div.tx-box-5 p { color:#333; /*font-size:1em;*/ }
div.tx-box-5 a { color:#069; }
div.tx-box-5 a:hover { color:#c60; }

/*blue-dark*/
div.tx-box-6 {  }
div.tx-box-6 h1, div.tx-box-6 h2, div.tx-box-6 h3, div.tx-box-6 h4 { color:white; }
div.tx-box-6-co { color:#000000; padding:1em; margin:0; background-color:#ABC0DC; #CCD2D9; }
div > .tx-box-6-co { width:auto; }
div.tx-box-6 p { color:white; }
div.tx-box-6 a { color:#0055A6; }


/*Rounded Corners*/
.rtop .r1{ margin:0 5px; z-index:2; }
.rtop .r2{ margin:0 3px; }
.rtop .r3{ margin:0 2px; }
.rtop .r4{ margin:0 1px; height:2px; }
.rtop .rs1{ margin:0 2px; }
.rtop .rs2{ margin:0 1px; }

.rbottom .r1{ margin:0 5px; z-index:2; }
.rbottom .r2{ margin:0 3px; }
.rbottom .r3{ margin:0 2px; }
.rbottom .r4{ margin:0 1px; height:2px; }
.rbottom .rs1{ margin:0 2px; }
.rbottom .rs2{ margin:0 1px; }


.rtop, .rbottom{ display:block; }
.rtop *, .rbottom *{ display:block; height:1px; overflow:hidden; }

.tx-box .rtop .r1{ margin:0 4px; border-bottom:1px solid silver; z-index:2; height:.1px; }
.tx-box .rtop .r2{ margin:0 3px; border-left:1px solid silver; border-right:1px solid #039; }
.tx-box .rtop .r3{ margin:0 2px; border-left:1px solid silver; border-right:1px solid #039; }
.tx-box .rtop .r4{ margin:0 1px; border-left:1px solid silver; border-right:1px solid #039; height:2px; }
.tx-box .rtop .rs1{ margin:0 2px; border-left:1px solid silver; border-right:1px solid #039; }
.tx-box .rtop .rs2{ margin:0 1px; border-left:1px solid silver; border-right:1px solid #039; }

.tx-box .rbottom .r1{ margin:0 4px; border-left:1px solid silver; border-bottom:1px solid gray; z-index:2; height:.1px; }
.tx-box .rbottom .r2{ margin:0 3px; border-left:1px solid gray; border-right:1px solid black; }
.tx-box .rbottom .r3{ margin:0 2px; border-left:1px solid gray; border-right:1px solid black; }
.tx-box .rbottom .r4{ margin:0 1px; border-left:1px solid gray; border-right:1px solid black; height:2px; }
.tx-box .rbottom .rs1{ margin:0 2px; border-left:1px solid gray; border-right:1px solid black; }
.tx-box .rbottom .rs2{ margin:0 1px; border-left:1px solid gray; border-right:1px solid black; }



/* CSS for the box starts here
================================================*/
/* Insert the custom corners and borders for browsers with JavaScript on */
.cb {
	margin:0;
	padding:0;
}
/* Rules for the top corners and border */
.bt {
	background:url(img/box.png) no-repeat 100% 0;
	margin:0 0 0 18px;
	height:17px;
}
.bt div {
	height:17px;
	width:18px;
	position:relative;
	left:-18px;
	background:url(img/box.png) no-repeat 0 0;
}

/* Rules for the bottom corners and border */
.bb {
	background:url(img/box.png) no-repeat 100% 100%;
	margin:0 0 0 18px;
	height:17px;
}
.bb div {
	height:17px;
	width:18px;
	position:relative;
	left:-18px;
	background:url(img/box.png) no-repeat 0 100%;
}

/* Insert the left border */
.i1 {
	padding:0 0 0 12px;
	background:url(img/borders.png) repeat-y 0 0;
}
/* Insert the right border */
.i2 {
	padding:0 12px 0 0;
	background:url(img/borders.png) repeat-y 100% 0;
}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	background:#fff;
	border:1px solid #fff;
	border-width:1px 0;
	padding:0 10px;
}

/* other boxes*/

.cb_blue_1 .i1, 
.cb_blue_1 .i2 { background-image:url(img/borders_blue_1.png) }
.cb_blue_1 .bt, 
.cb_blue_1 .bt div, 
.cb_blue_1 .bb, 
.cb_blue_1 .bb div { background-image:url(img/box_blue_1.png) }
.cb_blue_1 .i3 { background-color:#039; border:1px solid #039; }

.cb_blue_2 .i1, 
.cb_blue_2 .i2 { background-image:url(img/borders_blue_2.png) }
.cb_blue_2 .bt, 
.cb_blue_2 .bt div, 
.cb_blue_2 .bb, 
.cb_blue_2 .bb div { background-image:url(img/box_blue_2.png) }
.cb_blue_2 .i3 { background-color:#9cf; border:1px solid #9cf; }

.cb_blue_3 .i1, 
.cb_blue_3 .i2 { background-image:url(img/borders_blue_3.png) }
.cb_blue_3 .bt, 
.cb_blue_3 .bt div, 
.cb_blue_3 .bb, 
.cb_blue_3 .bb div { background-image:url(img/box_blue_3.png) }
.cb_blue_3 .i3 { background-color:#D4EBFD; border:1px solid #D4EBFD; }

.cb_white_1 .i1, 
.cb_white_1 .i2 { background-image:url(img/borders_white_1.png) }
.cb_white_1 .bt, 
.cb_white_1 .bt div, 
.cb_white_1 .bb, 
.cb_white_1 .bb div { background-image:url(img/box_white_1.png) }
.cb_white_1 .i3 { background-color:white; border:1px solid white; }

.cb_gazete_page .i1, 
.cb_gazete_page .i2 { background-image:url(img/gazete_page_borders.png) }
.cb_gazete_page .bt, 
.cb_gazete_page .bt div, 
.cb_gazete_page .bb, 
.cb_gazete_page .bb div { background-image:url(img/gazete_page_box.png) }
.cb_gazete_page .i3 { background-color:white; border:1px solid white; }




