﻿/*
Evo Slider Lite v1.1.0 - jQuery slideshow and content slider plugin
http://evoslider.com

Copyright 2012, Fikri Rakala

Skin Name: Evo Slider Default Theme

Date: 11 April 2012
*/ 

/*
TABLE OF CONTENTS

01 SLIDER
02 DIRECTION NAVIGATION
03 CONTROL NAVIGATION ( BULLETS )
*/
 
 
/*  _______________________________________

	01 SLIDER
    _______________________________________  */
	
/* Container / frame surrounding the slider */
.evoslider.default
{
	position: relative;
	width :960px; /* set width via option */
	height :287px; /* set height via option */
  /*  margin: 0 auto;      padding: 5px;
	background :#4e4e4e;    border: 1px dotted #3A3A3A;*/
	overflow : visible ;
	/* shadow */
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=#4e4e4e, direction=120, strength=5)";
    filter: progid:DXImageTransform.Microsoft.Shadow(Color=#4e4e4e, direction=120, strength=5);  
}

/*
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 : 45px; 
    font-family :Arial , Verdana;
    font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing :1px;
	line-height: 40px;
	text-align : left;
	padding-left: 20px;
    border-top: 1px dotted #A7A7A7;
    border-bottom: 1px dotted #A7A7A7;
   /* text shadow background: #4e4e4e url('title-bar.png') no-repeat;color :#4e4e4e; */
	text-shadow: -1px 1px 1px #9f9f9f;
	background: #0F275A
}

/* The hover state of the title bar */ 
.evoslider.default dt:hover
{
 background: none repeat scroll 0 0 #A2010D;
    color: #9ACD32;
	cursor :pointer ;
}

/* The active state of the title bar */
.evoslider.default dt.active
{
    background: none repeat scroll 0 0 #A2010D;
    color: #9ACD32;
	cursor :default;
	
}

/* 
The slide content area

The width and height will automatically be defined by the plugin.
*/
.evoslider.default dd 
{
    border-left: 1px dotted #A7A7A7;
	background: #fff;
}
