/************* general ****************/

/*** gradients ***/

/*
.gradient-white { position:relative; }
span.span-gradient-white { background: url(../img/gradient.png) repeat-x 0 -100px; }
span.span-gradient-white { position: absolute; display: block; width: 100%; height:50px; }
*/

.menu-gradient { background: url(../img/gradient.png) repeat-x 0 -110px; }

/*** horizontal menu ***/

ul.horizontal-menu { display:block; list-style-type:none; margin:0; padding:0; height:30px;}
ul.horizontal-menu li { float:left; display:block; margin:0; padding:0; }
ul.horizontal-menu li a { display:block; line-height:30px; padding:0 10px; text-decoration:none; }
ul.horizontal-menu li a:hover { text-decoration:underline; }

/*** vertical menu ***/

ul.vertical-menu { display:block; list-style-type:none; margin:0; padding:0; }
ul.vertical-menu li { display:block; margin:0; padding:0; }
ul.vertical-menu li a { display:block; padding:5px 10px; text-decoration:none; line-height:20px; height:100%;}
ul.vertical-menu li a:hover { text-decoration:underline; }

/*** clearing ***/

/*** curves ***/
.curve-top { -moz-border-radius-topleft:0.9em; -moz-border-radius-topright:0.9em; }
.curve-bottom { -moz-border-radius-bottomleft:0.9em; -moz-border-radius-bottomright:0.9em; }


/************* layout **********************/

body {
  background: url("../img/bg_blue.png") repeat-x scroll left top #4D87C7;
  color: #393121;
  font: 16px/24px "Helvetica Neue","Helvetica","Arial",sans-serif;
  font: 0.9em/1.5em "Helvetica Neue","Helvetica","Arial",sans-serif;
}

#layout_main { padding:10px 0; }

.container_12 { background:#fff; }

/*** header ***/

#header { padding-top:20px; padding-bottom:10px; font-family: "Times New Roman",Times,serif; color:#11155E; }
#header { background: url('../img/dkitmartletx160.png') no-repeat center left; }
#header h1 { margin-top:50px; font-size:35px; line-height:35px; font-weight:normal; text-align:center; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25); }
#header h2 { font-size:35px; line-height:35px; font-weight:normal; text-align:center; text-transform:uppercase; color: #2a1301; margin-bottom:10px; text-shadow: 0px 1px 1px rgba(173, 150, 0, 0.75); letter-spacing:5px;}

#header { height:177px; background:url('../img/banner960.jpg') no-repeat center left;}
#header h1, #header h2 {display:none;}

/*** menubar ***/

#menubar { color:#fff; font-weight:bold; height:50px; background-color:#2a1301; font-size:14px; }
#menubar a { color:#fff; line-height: 50px;  text-shadow:0px -1px 1px rgba(0, 0, 0, 0.9); padding:0 30px; border-right:1px solid #2A1301; }
#menubar a:hover { background:#001e42 url('../img/gradient.png') repeat-x 0 -110px; text-decoration:none; }

/*** sidemenu ***/

.sidemenu { margin-top:20px; margin-bottom:20px; }
.sidemenu h3 { margin:0; color:#fff; padding:7px 12px; font-size:14px; border-bottom:1px solid #69c; background:url(../img/sidebar_h3_bg.jpg) repeat-x top #2a1301; -moz-border-radius-topright:5px; -moz-border-radius-topleft:5px; -webkit-border-top-right-radius:5px; -webkit-border-top-left-radius:5px; }
.sidemenu ul { font-size:15px; }
.sidemenu ul li a { border-left:solid 1px #E3E3E3; border-right:solid 1px #E3E3E3; border-bottom:solid 1px #E3E3E3; }
.sidemenu ul li a:hover { background-color:#F8F8F8; }

/*** main ***/

#main { padding:20px 0; line-height:2em;}

/*** right ***/
#right { padding-top:20px; padding-bottom:20px; }
#right h3 { border-top: 1px solid #eee; clear:both; margin-bottom:10px; padding-top:10px; }
#left h3 { border-top: 1px solid #eee; clear:both; padding-top:10px; }

/*** bottom ***/
#bottom {  height:50px; background:#001e42 url('../img/gradient.png') repeat-x 0 -110px; background-color:#2a1301; }
#bottom, #bottom a { color:#fff; font-weight:bold; font-size:14px; line-height:50px; text-shadow:0px -1px 1px rgba(0, 0, 0, 0.9); text-decoration:none; }
#bottom a:hover { text-decoration:underline; }
#bottom .previous { text-align:left; }
#bottom .next { text-align:right; }
#bottom p {text-align:center; margin:0 30px;}

/*** footer ***/

#footer { padding:30px 10px; text-align:center; border-top:1px solid #ccc; font-size: 0.8em; color:#888; }

/*** jquery-ui ***/

/* fix sizes - everything was too large */ 
.ui-widget { font-size:0.85em; line-height:1.2em; }

/*** datatables ***/
.dataTables_wrapper { line-height:1.2em; }
.dataTables_wrapper table { margin-bottom:0; width:100%; }
.dataTables_wrapper th, .dataTables_wrapper td { vertical-align:middle; padding:2px 10px; }
.dataTables_info { width:auto; }
.dataTables_wrapper th .css_right {float:right;}


/*** form ***/
#main form label { display:block; font-weight:bold; }
#main form .autoformfield { padding:10px; margin:5px 0; border-bottom:1px solid #ccc; }
#main select.multipleselect { height:200px; width:620px; }
#main form input {  }
form .autoformfield .image_preview img { border:1px solid #ddd; padding:5px; background:#f8f8f8;}

/*** action_list ***/
.action_list { }
.action_list ul {list-style-type:none; }
.action_list ul li { float:left; }

/*** preview_blocks ***/
.preview_blocks p { display:block; width:218px; height:275px; float:left; border:1px solid #cccddf; margin:0; font-size:0.9em; line-height:1.5em; text-align:center; margin:5px 5px; padding:0px; -moz-border-radius-topleft:0.4em; -moz-border-radius-topright:0.4em; -moz-border-radius-bottomleft:0.4em; -moz-border-radius-bottomright:0.4em; background:#f0f1ff; background:transparent; border:1px solid transparent; }
.preview_blocks p img { border:1px solid #cccddf; margin:7px; }
.preview_blocks p:hover {background:#e0e2f8; border:1px solid #cccddf; background:#f0f1ff;}
.preview_blocks p a { text-decoration:none; color:#393121; color:#11155e; }

/*** name_blocks ***/
.name_blocks p a { display:block; width:218px; line-height:40px; float:left; border:1px solid #dddeef; text-align:center; margin:5px; -moz-border-radius-topleft:0.4em; -moz-border-radius-topright:0.4em; -moz-border-radius-bottomleft:0.4em; -moz-border-radius-bottomright:0.4em; background:#f0f1ff; }
.name_blocks p a { text-decoration:none; color:#11155e; }
.name_blocks p a:hover { background:#e0e2f8; border:1px solid #cccddf; text-decoration:underline; }

/*** thumbs ***/
.thumb { border:1px solid transparent; padding:0px; margin:0px; display:block; float:left; line-height:50px; vertical-align:middle; }
.thumb:hover { border:1px solid #4D87C7; background:#f0f1ff; }
.thumb img { border:1px solid #f0f1ff; margin:auto; }

/*** auth_summary ***/
.auth_summary { margin:10px 0; padding:10px 0; border-top:1px solid #eee; }

/*** imageflow ***/
.imageflow { background:#f8f8f8; color:#000; border:1px solid #ddd; }
.imageflow .scrollbar { border-bottom: 1px solid #000; top:80px; }
.imageflow .slider { background: url(imageflow/slider_dark.png) no-repeat; cursor:pointer; }
.imageflow .slideshow.pause { background: url(imageflow/button_pause_dark.png) no-repeat; }
.imageflow .slideshow.play { background: url(imageflow/button_play_dark.png) no-repeat;	}
.imageflow .previous { background: url(imageflow/button_left_dark.png) top left no-repeat; }
.imageflow .next { background: url(imageflow/button_right_dark.png) top left no-repeat; }
.imageflow .loading { border-color:#333; }
.imageflow .loading_bar { background:#333; }
.imageflow .caption { top:95px; color:#000; }
.imageflow .caption .semi { background:#fff; padding:5px 10px; opacity:0.6; }
.imageflow img { border:1px solid #999; padding:2px; background:#fff; cursor:pointer; }