/* default.css */

* {
	margin: 0;
	padding: 0;
}

body {
	margin-bottom: 50px;
	background: #FFFFFF url(/dimages/stripe_02.jpg) repeat-x;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #3B3B3B;
}

h1, h2, h3 {
	color: #F93;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	margin-bottom:1em;
}

h2 {
	margin-bottom:0.5em;
	margin-top:1em;
}

h3 {
	font-size: 1em;
	margin-bottom:0.5em;
	margin-top:1em;
}

p, ul, ol {
}

p {
}

ul {
}

ul li {
}

ol {
}

ol li {
}

#footer a {
	color: #F5811E;
}

a {
/*	color: #4F789F; */
}

a:hover {
	text-decoration: none;
}

img {
	border: 1px solid #3B3B3B;
}

img.left {
	float: left;
	margin: 0 20px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 20px;
}

img.noborder {
	border: none;
}

/* Boxed Style */

.boxed {
}

.boxed .content {
	padding: 15px;
}

.boxed ul {
	list-style: none;
}

/* Post */

.post {
	clear: both;
	padding: 20px;
/*	border-bottom: 1px solid #3B3B3B; */
}

.post .content {
	line-height: 1.6em;
}

.post .title {
	margin-bottom: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2.title a {
	color: #F93;
	text-decoration: underline;
}

h2.title a:hover {
	color: #0EF0E1;
}

.post p, .post ul, .post ol {
	margin-bottom: 1.2em;
}

.post ul, .post ol {
	margin-left: 3em;
}

#topbox {
	background-color:#CCCCCC;
	border-bottom:1px solid #3B3B3B;
	padding:5px;
}
/* Header */

#header {
	width: 900px;
	height: 150px;
	margin: 0 auto;
	background: transparent url(/dimages/mobil-sistemi-logo.gif) 50px 10px no-repeat;
}

body > div#header {
	background: transparent url(/dimages/mobil-sistemi-logo.png) 50px 10px no-repeat;
}

#header h1, #header h2 {
	text-transform: lowercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
}

#header h1 {
	float: left;
	padding: 80px 0 0 20px;
	letter-spacing: -3px;
	font-size: 48px;
}

#header h2 {
	float: left;
	padding: 107px 0 0 7px;
}

#header a {
	text-decoration: none;
	color: #FFFFFF;
}

/* Page */

#page {
	width: 950px;
	margin: 0 auto;
	background: url(/dimages/main-bg2.gif) repeat-y;
	border-top: 30px solid #3B3B3B;
}

#content {
	font-size: 1.2em;
	float: right;
	width: 745px;
	padding-right: 1px;
}

#sidebar {
	float: left;
	width: 200px;
	padding-left: 1px;
}

.boxed h2 {
	padding: 10px 10px;
	background: #666;
	text-transform: uppercase;
	font: bold .9em Verdana, Arial, Helvetica, sans-serif;
	color: #F5811E;
	cursor: pointer;
	margin: 1px 0 0 0;
}

.boxed h2:hover {
	color: #0EF0E1;
	cursor: pointer;
	background: #000;
}

.boxed h3 {
	padding: 10px 15px;
	background: #3B3B3B;
	text-transform: uppercase;
	font: bold .9em Verdana, Arial, Helvetica, sans-serif;
	color: #F5811E;
}
/* Menu */

.menu {
}

.menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu li {
	display: inline;
}

.menu a {
	display: block;
	padding: 5px 10px;
	border-bottom: 1px solid #FFFFFF;
	text-decoration: none;
	color: #3B3B3B;
	background-color: #ccc;
}

.menu a:hover {
	background-color: #0EF0E1;
	color: #000;
}

.menu .active a {
	background-color: #F5811E;
	color: #fff;
}



.menu li.category a {
	background: #ccc url('/dimages/category.gif') no-repeat 15px 5px;
	padding-left: 30px;
}

.menu li.page a {
	background: #ccc url('/dimages/page.gif') no-repeat 25px 5px;
	padding-left: 40px;
	color: #333;
}

.menu li.page a:hover {
	background: #0EF0E1 url('/dimages/page.gif') no-repeat 25px 5px;
	padding-left: 40px;
	color: #000;
}

.menu li.categorycurr a {
	background: #ccc url('/dimages/category.gif') no-repeat 10px 5px;
	padding-left: 25px;
	color: #999;
}

.menu li.categorycurr a:hover {
	background: #999 url('/dimages/category.gif') no-repeat 10px 5px;
	padding-left: 25px;
	color: #eee;
}


.menu .categoryparent a {
	background: #ccc url('/dimages/category.gif') no-repeat 5px 5px;
	padding-left: 20px;
}

.menu .categoryparent a:hover {
	background: #999 url('/dimages/category.gif') no-repeat 5px 5px;
	padding-left: 20px;
	color: #fff;
}

.menu li.selected a {
	background-color: #F5811E;
	color: #fff;
}

.menu li.selected a:hover {
	background-color: #F5811E;
	color: #fff;
}


/* Linkovi */

#Linkovi {
}

#Linkovi ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#Linkovi li {
	display: inline;
}

#Linkovi a {
	display: block;
	padding: 5px 15px;
	border-bottom: 1px solid #FFFFFF;
	text-decoration: none;
	color: #3B3B3B;
	background-color: #ccc;
}

#Linkovi a:hover {
	background-color: #0EF0E1;
	color: #000;
}

#Linkovi .active a {
	background-color: #F5811E;
	color: #fff;
}

/* Login */

#login {
}

#login fieldset {
	border: none;
}

#login legend {
	display: none;
}

#login input {
	margin-bottom: 5px;
}

#inputtext1, #inputtext2 {
	width: 160px;
}

/* Login */

#searchtxt {
	position:relative;
	width:160px;
	padding:1px;
	color:#000;
}

#searchbtn {
	position:relative;
	margin-bottom: 8px;
	/* padding:5px 2px 5px 2px; */
}

#search fieldset {
	border: none;
}

#search legend {
	display: none;
}

#search input {
	margin-bottom: 5px;
}

#inputtext1, #inputtext2 {
	width: 160px;
}

/* Updates */

#updates {
}

#updates ul {
}

#updates li {
	margin-bottom: 20px;
}

#updates h3 {
	font-size: .77em;
}

/* Footer */

#footer {
	width: 920px;
	height: 35px;
	margin: 0 auto;
	padding: 5px 15px;
	background: #3B3B3B;
	font-size: .77em;
	color: #FFFFFF;
}

#legal {
	float: left;
}

#links {
	float: right;
}

.drop-shadow-left
{
	float: left;
}
.drop-shadow-right
{
	float: right;
}

.drop-shadow-left,
.drop-shadow-right
{
	position: relative;
	margin: 10px 3px 0 10px !important;
	margin: 10px 3px 0 5px;
	background: transparent url(/dimages/drop_shadow.png) bottom right no-repeat !important;
	background: transparent url(/dimages/drop_shadow_ie.gif) bottom right no-repeat;
}

.drop-shadow-left img,
.drop-shadow-right img
{
	padding: 4px;
	display: block;
	position: relative;
	margin: -6px 6px 6px -6px;
	background-color: #ffffff;
	border: 1px solid #a9a9a9;
}

.drop-shadow-left span,
.drop-shadow-right span
{
	right: 11px;
	bottom: 11px;
	color: #eeeeee;
	padding: 3px 5px 3px 5px;
	position: absolute;
	background-color: #666;
	border-top: 1px solid #000;
}

blockquote {
	color: #555;
	font-weight: normal;
	font-size: 1.4em;
	clear: both;
	padding: 10px;
	margin: 1em 0 1em 0;
	font-size: 0.9em;
	line-height: 1.7em;
	background-color: #f0f0f0;
	border: 1px solid #ccc;
}

blockquote p
{
/*
	padding: 6px;
	margin: 0px;
*/
}

form { margin:0; padding:0;}
form.searchform { margin:0; padding:10px;}

.formtags {display:inline;}

/* form elements */
#from {font: normal 12px/16px Arial, Helvetica, sans-serif;}
#from a.selected {background-color: #6f6; color: #000; padding: 1px 2px 1px 2px;}

#xcontent form p {
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}

#content form {
}

#content form label {
}

#content form input.textbox {
}

#content form input.button {
}


#content form.loginform,
#content form.kontaktform {
	border: 1px solid #ccc;
	background: #999;
	padding: 10px;
	margin: 15px auto;
}

#content form.loginform {
	width: 300px;
}

#content form.kontaktform {
	width: 500px;
}

#content form.loginform label,
#content form.kontaktform label {
	display:block;
	font-weight:bold;
	width: 100px;
	float: left;
	clear: left;
	margin: 5px;
	text-align:right;
}

#content form.loginform input.textbox,
#content form.kontaktform input.textbox {
	padding: 2px;
	border: 1px solid #EFEFEF;
	font: normal 1em Verdana, 'Trebuchet MS', Tahoma, sans-serif;
	color: #666666;
	float: left;
	margin: 5px;
}

#content form.loginform input.button,
#content form.kontaktform input.button {
	font: bold 1em Arial, Sans-serif;
	border: 1px solid #000;
	padding: 3px 5px;
	background: #666;
	color: #fff;
	float: none;
	margin: 5px;
}

#content form.kontaktform textarea {
	width: 280px;
	padding:2px;
	border: 1px solid #EFEFEF;
	font: normal 1em Verdana, 'Trebuchet MS', Tahoma, sans-serif;
	height:100px;
	display:block;
	color: #666666;
}

/*
*/

.external {
	text-decoration: none;
	background:url('/dimages/ext2.gif') center right no-repeat;
	padding-right: 10px;
}

.faviconize {
	width:16px;
	height:16px;
	vertical-align:middle;
	border:0;
}

.bquote img
{
	border-style: none;
}

.bquote a {
	color:#F5811E;
	text-decoration:none;
}
.bquote a:hover,
.bquote.selected a
{
	color:#0EF0E1;
}

.bquote
{	padding: 5px 5px 5px 25px;
	margin: 2px;
	font-weight: bold;
	font-size: 112%;
	color: #F93;
	text-decoration: none;
	border: 0px;
	border: 1px solid #333;
	cursor: pointer;
	background: #666 url(/dimages/arrow-downright.gif) no-repeat 5px center;
}

#pageDataContent .selected
{
	background: #000 url(/dimages/arrow-upright.gif) no-repeat 5px center;
/*	color: #0EF0E1; */
}

.bquote:hover
{
	background-color: #000;
	color: #0EF0E1;
}

.bquote.selected:hover
{
	background-color: #46523C;
	color: #fff;
}

.bquotecontent
{
	padding: 5px 5px 5px 5px;
	border: 0px;
	margin: 2px;
	border: 1px solid #333;
	background-color: #ddd;
}


.post-footer {
	font-size: 11px;
	line-height: 26px;
	font:normal 11px/26px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #999;
	background: #ddd;
	height: 24px;
	padding: 5px 10px 5px 10px;
	margin: 20px 0px 10px 0px;
	text-align: right;
}
.post-footer .postdate {
	background: url('/dimages/calendar.gif') no-repeat left top;
	background: url('/dimages/calendar_view_day.png') no-repeat left top;
	background: url('/dimages/date.png') no-repeat left top;
	padding: 2px 0 2px 20px; margin: 0 5px 0 5px;
}
.post-footer .posttime {
	background: url('/dimages/16-clock.png') no-repeat left center;
	background: url('/dimages/appointment-new.png') no-repeat left top;
	background: url('/dimages/clock.png') no-repeat left top;
	padding: 2px 0 2px 20px; margin: 0 5px 0 5px;
}
.post-footer .postcategory {
	background: url('/dimages/category.gif') no-repeat left top;
	background: url('/dimages/folder1.png') no-repeat left top;
	background: url('/dimages/folder.png') no-repeat left top;
	padding: 2px 0 2px 20px; margin: 0 5px 0 5px;
}
.post-footer .postvisits {
	background: url('/dimages/visits.gif') no-repeat left center;
	background: url('/dimages/16-member.png') no-repeat left center;
	background: url('/dimages/system-users.png') no-repeat left top;
	padding: 2px 0 2px 20px; margin: 0 5px 0 5px;
}
.post-footer .postcomments {
	background: url('/dimages/comment.gif') no-repeat left center;
	background: url('/dimages/16-comment.png') no-repeat left center;
	background: url('/dimages/comment.png') no-repeat left center;
	background: url('/dimages/user_comment.png') no-repeat left center;
	padding: 2px 0 2px 20px; margin: 0 5px 0 5px;
}
.post-footer .readmore {
	background: url('/dimages/page.png') no-repeat left center;
	padding: 2px 0 2px 20px; margin: 0 5px 0 5px;
}

.left
{
	float: left;
	padding: 5px;
	border-style: none;
}

.right
{
	float: right;
	padding: 5px;
	border-style: none;
}

.tcentar {text-align: center;}
.tright {text-align: right;}

.email
{
	padding: 0px 0px 0px 20px;
	background: transparent url(/dimages/mail.png) no-repeat 0px center;
}
.email:before
{
	content: "Email: " ;
}

.teaser-paragraph {
	background-color: #fff;
	padding: 5px 15px;
}
.teaser-paragraph a {
	display: inline;
	padding: 0;
	color: #000;
	background-color: transparent;
	display: block;
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #cccccc;
/*
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	background-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	border: none;
	text-decoration: none;

*/}

.teaser-snippet {}

#debug {
	position:absolute;
	text-align:left;
	padding:2px;
	width:200px;
	top:0px;
	left:0px;
	font:normal 0.9em Arial, Sans-serif;
	background:#fff;
	border:1px solid #000;
	color:#000;
	z-index:555;
	overflow:hidden;
}

ul.sitemap {
	margin-top:20px;
	margin-bottom:40px;
}

ul.sitemap li{
	font-size:12px;
	line-height:24px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: inline-block;}
/* End hide from IE-mac */



/* ---------- gallery styles start here ----------------------- */
dl {
/*
	clear: both;
	display: inline-block;
	float: none;
*/
	margin: 0;
	margin: auto;
	padding: 0;
}

dt,
.framedimg {
	padding: 5px 10px 5px 0;
	paddingx: 10px;
	margin: 0;
/*
	float: left;
*/
	position: relative;
	width: 210px;
	height: 160px;
}
dt:hover img,
.framedimg:hover img {
	border-color: #000;
}
dt img,
.framedimg img {
	background: #fff;
	border: solid 1px #888;
	padding: 5px;
}
dt em,
.framedimg em {
	background: #fff url(/dimages/grey-gradient.gif) repeat-y;
	color: #000;
	font:normal 10px Arial, Sans-serif;
	padding: 2px 10px 2px 10px;
	display: block;
	position: absolute;
/*
	top: 112px;
*/
	bottom:9px;
	left: 0px;
	border: 1px solid #999;
	border-left-color: #888;
}
dt a,
.framedimg a {
	text-decoration: none;
}
dt a:hover em,
.framedimg a:hover em {
	background: #ffdb01 url(/dimages/orange-gradient.gif) repeat-y;
	border-color: #c25b08;
}


.floatr {
	float: right;
	margin: -5px -10px 5px 5px;
}
.floatl {
	float: left;
	margin: 0 5px 5px 0px;
}

.framedr {
	float: right;
}
.framedl {
	float: left;
}


/* style.css */

.tb-help {display: none;}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Top level elements
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#tb-wrapper {
	font-family: "lucida sans unicode", "lucida grande", verdana, helvetica, arial, sans-serif;
	/* width: 510px;
	background-color: #ff0; */
	margin-left: auto;
	margin-top: 0;
	margin-right: auto;
	}
#tb-comment-link {
	text-align: center;
	}
#tb-wrapper a, #tb-wrapper a:visited {
	text-decoration: none;
	color: #00f;
	}
#tb-wrapper a:hover {
	text-decoration: underline;
	}
.tb-comment-legend {
	color: #800;
	text-align: center;
	margin-top: 0;
	}
.tb-togle-comment {
	color: #800;
	text-align: center;
	}
.tb-closed-legend {
	color: #800;
	text-align: center;
	margin: 5px 0 5px 0;
	}
.tb-nocomments-legend {
	color: #800;
	text-align: center;
	}
.tb-leave-comment-legend {
	color: #800;
	text-align: center;
	margin-top: 15px;
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Sort radio buttons and number of comments to show
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#tb-sort {
	text-align: center;
	}
#tb-sort .tb-num-rows {
	font-size: .85em;
	width: 2em;
	text-align: center;
	border: 1px solid #A099DF;
	}
#tb-sort .tb-submit{
	background: #ddd;
	font-size: .85em;
	}
#tb-sort .tb-radio{
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Comment
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.tb-comment {
	margin-top: 1em;
	}
.tb-reply {
	margin-top: 1em;
	margin-left: 20px;
	}
.tb-reply-legend {
	color: #888;
	font-size: .85em;
	}
/* ++++++++++ The comment header +++++++++++ */
.tb-comment-header, .tb-comment-header-admin {
	font-size: .85em;
	height: 1.5em;
	background: #E3E0EF;
	padding: 0 5px 0 5px;
	border-bottom: 1px solid #bbb;
	}
.tb-date, .tb-id, .tb-date-admin, .tb-id-admin {
	float: right;
	color: #666;
	}
.tb-author, .tb-author-admin  {
	float: left;
	}
.tb-author-admin {
	color: #800;
	}
.tb-author a, .tb-author-admin a:visited  {
	color: #800;
	}
/* ++++++++++ The comment body ++++++++++ */
.tb-comment-text, .tb-comment-text-admin {
	clear: both;
	padding: 5px 5px 0 5px;
	font-size: 1em;
	text-align: left;
	overflow: auto;
	}
.tb-comment-text-admin {
	}
.tb-comment-text pre, .tb-comment-text-admin pre {
	margin: 0 0 0 1em;
	font-family: "courier new", courier, monospace;
	padding: 0 2px 0 2px;
	overflow: auto;
	}
.tb-comment-text blockquote, .tb-comment-text-admin blockquote {
	border-left: 3px solid #aaa;
	margin: 0 1.5em 0 1em;
	padding-left: 5px;
	}
.tb-comment-text code, .tb-comment-text-admin code {
	font-family: "courier new", courier, monospace;
	background: #ddd;
	}
/* ++++++++++ The comment footer (reply, edit and delete links) ++++++++++ */
.tb-comment-footer {
	text-align: center;
	}
.tb-replyto-link, .tb-edit-link, .tb-delete-link {
	display: inline;
	}
.tb-reply-submit {
	background: none;
	border: none;
	font-size: .85em;
	color: #003399;
	margin: 5px 0 0 0;
	padding: 0;
	cursor: pointer;
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Next/Previous Links
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#tb-prev-next {
	text-align: center;
	margin-top: 2em;
	}
.tb-prev, .tb-next {
	font-size: .85em;
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	color: #003399;
	cursor: pointer;
	border: none;
	background-color: #fff;
	}
.tb-next {
	background: url(/tbdev/images/next-b.gif) right no-repeat;
	padding: 0 10px 0 0;
	}
.tb-prev {
	background: url(/tbdev/images/prev-b.gif) left no-repeat;
	padding: 0 0 0 10px;
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Comment entry form
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#tb-form-div {
	margin: 0;
	clear: none;
	}
#tb-form {
	font-size: .85em;
	padding: 5px 10px 5px 10px;
	background: #ddd;
	border: 1px solid #bbb;
	text-align: left;
	clear: none;
	}
form {float: left}
#tb-form-div .tb-help a, #tb-form-div .tb-help a:visited {
	float: right;
	font-family: arial, helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	padding: 0 4px 0 4px;
	background: #8385BF;
	color: #fff;
	}
#tb-form-div .tb-help a:hover {
	background: #fff;
	color: #8385BF;
	border: 1px solid #8385BF;
	text-decoration: none;
	}
#tb-form-div .tb-field {
	margin-top: 5px;
	font-size: 1em;
	border: 1px solid #A099DF;
	padding: 0 2px 0 2px;
	width: 150px;
	}
.tb-required {
	color: #f00;
	font-size: 1.2em;
	}
#tb-form-div .field-reply {
	width: 30px;
	border: 1px solid #A099DF;
	padding: 0 2px 0 2px;
	font-size: 1em;
	}
#tb-subscribe-line {
	margin-bottom: 5px;
	}
#tb-qtbuttons {
	margin-bottom: 5px;
	}
#tb-qtbuttons input {
	font-family: helvetica, arial, sans-serif;
	color: #003399;
	padding: 0 2px 0 2px;
	margin-right: 2px;
	cursor: pointer;
	font-size: 1em;
	}
#tb-qtbuttons.tb-edit-form {
	margin-top: 5px;
	}
#tb-smiley-insert {
	}
#tb-form-div textarea {
	font-family: Verdana, Arial, Helvetica,sans-serif;
	margin-top: 5px;
	width: 99%;
	height: 10em;
	font-size: 1em;
	padding: 0 2px 0 2px;
	}
#tb-link-target {
	/* This holds the "open in new window" flag used by the quick tags script */
	display: none;
	}
#tb-error {
	color: #f00;
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Miscellaneous
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.tb-submit{
	font-family: helvetica, arial, sans-serif;
	color: #003399;
	padding: 0;
	margin-right: 5px;
	cursor: pointer;
	font-size: 1em;
	}
.tb-label {
	}
.tb-small {
	font-size: .85em;
	}
.tb-clear {
	clear: both;
	height: 1px;
	}
.tb-stress {
	color: #800;
	text-align: center;
	}
.tb-credit {
	color: #666;
	text-align: center;
	font-size: .85em;
	}
.tb-center {
	text-align: center;
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	"Panel" styles: message-panel.php, comments-help.php, comments-preview.php,
	commments-reply-tpl.php, comments-edit-tpl.php, comments-edit-tpl.php
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#tb-panel {
	margin: 20px 0 0 0;
	padding: 0;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 80%;
	background: #6F6F6F;
	}
#tb-panel-wrapper {
	width: 500px;
	margin: auto;
	background: #fff;
	}
#tb-panel-header, #tb-panel-footer {
	background: #FEAB2B;
	text-align: center;
	padding: 5px 10px 5px 10px;
	}
#tb-panel-content {
	border: 1px solid #FEAB2B;
	margin: 0;
	padding-bottom: 10px;
	}
#tb-panel-message {
	margin: 0 0 10px 0;
	padding: 0 10px 0 10px;
	}
#tb-panel-link {
	text-align: center;
	font-size: .85em
}
#tb-panel-footer {
	font-size: .75em;
	color: #fff;
	}


/* styleCustom.css */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   This file is for your custom styles
   +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Change the path to the below 2 images if it is not correct for your system.
	Don't change styles in style.css. Instead, copy the style to this file
	and change it here. Doing so will protect you from having your styles
	overwritten in future upgrades.
*/
.tb-next {
	background: url(/talkback/images/next-b.gif) right no-repeat;
	padding: 0 10px 0 0;
	}
.tb-prev {
	background: url(/talkback/images/prev-b.gif) left no-repeat;
	padding: 0 0 0 10px;
	}

#tb-wrapper {
	float: none;
}

form {float: none;}


/* imggallery.css */
/*
*/
.drop-shadow-left
{
	float: left;
}
.drop-shadow-right
{
	float: right;
}

.drop-shadow-left,
.drop-shadow-right
{
	position: relative;
	margin: 10px 3px 0 10px !important;
	margin: 10px 3px 0 5px;
	background: transparent url(/dimages/drop_shadow.png) bottom right no-repeat !important;
	background: transparent url(/dimages/drop_shadow_ie.gif) bottom right no-repeat;
}

.drop-shadow-left img,
.drop-shadow-right img
{
	padding: 4px;
	display: block;
	position: relative;
	margin: -6px 6px 6px -6px;
	background-color: #ffffff;
	border: 1px solid #a9a9a9;
}

.drop-shadow-right span {
	text-align: right;
}

.drop-shadow-left span,
.drop-shadow-right span
{
	right: 11px;
	bottom: 11px;
	color: #fff;
	padding: 3px 5px 3px 5px;
	position: absolute;
	background-color: #666;
	border-top: 1px solid #000;
	font:normal 10px Arial, Sans-serif;
	filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
}
/*
*/
/* ---------- gallery styles start here ----------------------- */
dl,
VideoEmbededGalery,
ImageEmbededGalery {
	display: inline-block;
	float: none;
	margin: 0;
	padding: 0;
}
dl {clear: both;}

dt,
.VideoList {
	margin: 5px 5px 5px 0;;
	float: left;
	position: relative;
	background: #E8CAFE;
	width: 212px;
	height: 162px;
}

.xVideoList {
	padding: 5px;
	padding: 5px !important;
}

dt:hover img,
span.VideoList:hover img
{
	border-color: #000;
}

dt img,
dt a img,
dt span.embvideo2,
.VideoList img,
.VideoList a img,
span.VideoList span.embvideo2
{
	background: #fff;
	border: solid 1px #888;
	margin: 5px !important;
	padding: 0px !important;
}
dt em,
span.VideoList em {
	background: #fff url(/dimages/grey-gradient.gif) repeat-y;
	color: #000;
	font:normal 10px Arial, Sans-serif;
	padding: 2px 10px 2px 10px;
	display: block;
	position: absolute;
/*
	bottom:9px;
*/
	/* for IE */
	filter:alpha(opacity=60);
	/* CSS3 standard */
	opacity:0.7;
	top: 130px;
	left: 0px;
	border: 1px solid #999;
	border-left-color: #888;
}
dt a,
span.VideoList a{
	text-decoration: none;
}
dt a:hover em,
span.VideoList a:hover em {
	background: #ffdb01 url(/dimages/orange-gradient.gif) repeat-y;
	border-color: #c25b08;
}


.floatr {
	float: right;
	margin: -5px -10px 5px 5px;
}
.floatl {
	float: left;
	margin: 5px 5px 5px 0;
	padding: 0;
}

.framedr {
	float: right;
}
.framedl {
	float: left;
}



#videogallery h2,
#imggallery h2 {
	margin: 36px 0 0 0;
	font: bold 24px;
}

#content#videogallery>div.clearfix>div.embvideo,
span.VideoEmbededGalery>span.embvideo>span.embvideo2
{margin: 10px 8px 0px 0;}

#videogallery .embvideo2,
span.VideoList .embvideo2 {
	padding: 5px;
	background-color:#E8CAFE;
	margin: 0;
	position: relative;
	border: 1px solid #888;
	left: 0; top:0;
	width: 200px;
	height: 150px;
}
dt span,
span.VideoList span {
	width: 20px;
	height: 18px;
	display: block;
	position: absolute;
	overflow:hidden;
	top: 10px;
	left: 10px;
}
dt a:hover span,
span.VideoList a:hover span {
	background-position: left -22px;
}
dt .videoicon,
span.VideoList .videoicon {
	background: url(/dimages/video.gif) no-repeat;
	text-indent: -9999px;
	display:inline;
	overflow:hidden;
}

#latestVideo dt {
		width: 186px;
		height: 142px;
		background:#ffe200 none repeat scroll 0 0
}

#latestVideo dt em{
		top: 110px;
}

#latestVideo dt a
{
	padding: 0px !important;
}

#latestVideo dt img,
#latestVideo dt a img,
#latestVideo dt span.embvideo2,
#latestVideo .VideoList img,
#latestVideo .VideoList a img,
#latestVideo span.VideoList span.embvideo2
{
	background: #fff;
	border: solid 1px #60016d;
	margin: 5px !important;
	padding: 0px !important;
}

#content>#videogallery>dl>dt,
#content>#imggallery>dl>dt
{margin: 15px 5px 5px 0;}

span.VideoEmbededGalery>span.VideoList,
span.ImageEmbededGalery>span.VideoList
{margin: 5px 5px 5px 0;}






/* droppy.css */
#divnav{
	text-align: center;
/*
	background:url('/img/greypx.gif') bottom left repeat-x;
	float:left;
*/
	width:950px;
	margin:0 auto;
}

#divnav ul{
	list-style:none;
	margin:0;
	padding:0;
	text-align:left;
	background-color:#3B3B3B;
	height:42px;
}

#divnav a{
	color:#F5811E;
	display:block;
	font-size:12px;
	font-weight:bold;
/*	letter-spacing:-1px; */
	padding: 7px 2px 2px 0;
	text-decoration:none;
}

#divnav a:hover{
	color:#FFE900;
}

#divnav li{
	float:left;
	margin:0 2px 0 0;
	padding:0 0 0 9px;
}

#nav li.current{
}

#nav a.current{
	background-color:#FFFF00;
	color:#990000;
	/*	padding:7px 20px 5px 11px; */
}





/* Basic code - don't modify */

#nav { display: block; margin: 0; padding: 0; position: relative; }
#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#nav li { display: block; list-style: none; margin: 0 4px 0 0; padding: 0 0 0 9px; float: left; position: relative; }
#nav a { display: block; }
#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #nav ul { line-height: 0; } /* IE6 "fix" */
#nav ul a { zoom: 1; } /* IE6/7 fix */
#nav ul li { float: none; background-image:none;}
#nav ul ul { top: 0; }


/* Essentials - configure this */

#nav ul {
	width: 200px;
}

#nav ul ul {
	left: 201px;
}

/* Everything else is theming
4e9600
666666
ffe200
FFE08F
E8CAFE
*/

#nav {
	z-index: 100;
}

#xnav *:hover { background-color: none; }

#nav ul li {margin: 0; padding: 0;}

#nav ul li a {
	border-right: 1px solid #eee;
	color: white;
	font-size: 12px;
	padding: 6px;
	padding-left: 15px;
	line-height: 1;
	text-decoration: none;
	color: #333;
}

#nav ul li a.current,
#nav ul li ul li a.current,
#nav ul li ul li ul li a.current {
	background-color:#FFFF00;
	color:#990000;
}

#nav ul li a:hover,
#nav ul li a.active:hover {
	background:#666666 url(/dimages/menu_triangle.gif) no-repeat scroll 3px 8px;
	color: #FFE900;
}

// dropdown hover 2. level
#nav ul li ul li a:hover,
#nav ul li ul li a.active:hover {
	color: #FFE900;
	background:#666666 url(/dimages/menu_triangle.gif) no-repeat scroll 3px 8px;
}

#nav ul li a.active {
	color: #FFE900;
	background: #666 url(/dimages/menu_line-over.gif);
}

// dropdown 2. level back
#nav ul li.hover a {
	background:#EEEEEE url(/dimages/menu_triangle.gif) no-repeat scroll 3px 8px;
	color: #000;
}

#nav ul {
	top: 25px;
}

#nav ul li a {
	background:#eee url(/dimages/menu_triangle.gif) no-repeat scroll 3px 8px;
}

// dropdown hover 1. level
#nav ul li.hover > a {
	background:#333 url(/dimages/menu_triangle.gif) no-repeat scroll 3px 8px;
	color: #FFE900;
}

#nav ul a {
	padding: 6px 6px 6px 16px;
	border-bottom: 1px solid #333;
	border-right: none;
	opacity: 0.9;
	filter: alpha(opacity=90);
}

/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */




