/* Container / frame surrounding the slider */
.evoslider.default
{
	position: relative;
	width :760px; /* set width via option */
	height :200px; /* set height via option */
	margin: 0 auto;
	border: 0;
	padding: 1px;
	background :#fff;
	overflow : visible;
}

/*
Slider title bar.

The title bar are rotated, so you will need to swap your directions.
To change the width of the title bar, you will need to modify the height property.
You will also need to make sure that any background imagery used is rotated horizontally.

To give unique custom appearance for each title, you can give a unique class for each title, for example:
	.evoslider dt.slide_1
	.evoslider dt.slide_2
	.evoslider dt.slide_3
	etc...
*/ 
.evoslider.default dt
{
	height : 25px;
	color :#fff;
	font-size: 12px;
	font-weight: bold;
	letter-spacing :1px;
	line-height: 1.2em;
	padding-left: 0px;
	background: #4e4e4e;
	text-align: left;
}

.evoslider.default dt div#tate
{
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg);
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	margin-left:160px;
	margin-top:0px;
	width:25px;
	padding:5px;
	height:100%;
	
}


.evoslider.default dt div.gyo
{
	text-align: left;
	writing-mode: tb-rl;
	width:12px;
}
dd p
{
	margin:0;
	padding:0;
}
dd img
{
	width:630px;
	margin:0 auto;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .evoslider.default dt div.gyo {
	text-align:center;
	height:160px;
    }
}
@-moz-document url-prefix() {
	.evoslider.default dt div.gyo {
		word-break: break-all;
		word-wrap: break-word;
		text-align:center;
		height:160px;
	}
}

/* IE7 */ 
*:first-child+html .evoslider.default dt div#tate{
	margin-left:0px;
	margin-top:0px;
	height:190px;}
*+html .evoslider.default dt div#tate{
	margin-left:0px;
	margin-top:0px;
	height:190px;}
	
*:first-child+html .evoslider.default dt div#gyo{
	text-align:left;
	margin-top:0px;
	height:160px;}
*+html .evoslider.default dt div#gyo{
	text-align:left;
	margin-top:0px;
	height:160px;}
	
	
/* IE8 */ 
.evoslider.default dt div#tate{
	margin-left:0px\9;
	margin-top:0px\9;
	height:160px\9;}
.evoslider.default dt div#gyo{
	text-align:left\9;
	margin-top:0px\9;
	height:160px\9;}
	

/* IE9 */ 
.evoslider.default dt div#tate:not(:target){
	margin-left:0px\9;
	margin-top:0px\9;
	height:160px\9;}
.evoslider.default dt div#gyo:not(:target){
	text-align:left\9;
	margin-top:0px\9;
	height:160px\9;}
	




/* The hover state of the title bar */ 
.evoslider.default dt:hover
{
	cursor :pointer ;
	color: #eee;
}

/* The active state of the title bar */
.evoslider.default dt.active
{
	color: #FFF;
	cursor : default;
	background-color: #C00;
}