html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; color: #414141; background: #fff; font-size: 0.9em; font-family: Arial, Verdana, sans-serif; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
table, p, ol, ul { line-height: 180%; font-size: 0.9em; }
small { font-size: 0.8em; }
p { padding: 0 0 15px 0; }
th { font-weight: normal; text-align: left; }

h1 { display: block; width: 138px; height: 30px; overflow: hidden; float: left; }
h2 { line-height: 50px; padding: 0 5px; text-transform: uppercase; color: #666; font-size: 1.2em; text-shadow: 0 0 1px #fff; }
h2 .star { float: right; margin: 5px 10px 0 0; }

/* Alerts */
.alert { padding: 10px; border: 1px solid #ffeded; display: block; background: #d2efd5; }
.alert.error { background: #D70000; color: #fff; border: 0; }

.toright { text-align: right; }
.tocenter { text-align: center; }
.floated { float: left; }
.floated.right { float: right; }
.floated.right.margined { margin: 0 0 15px 20px; }

div.cleaner { clear: left; height: 1px; visibility: hidden; }
div.cleaner.right { clear: both; }

#left { float:left; width:200px; min-height:600px; }
#right { min-height:600px; margin:0 0 0 200px; }

/* LEFT MENU */
#left ul.menu { list-style: none; width: 190px; }
#left ul.menu a { display: block; height: 40px; line-height: 40px; width: 180px; padding-left: 10px; text-decoration: none; }
#left ul.menu li.selected a { font-weight: bold; }

/* PROFILE */
#left .profile { height: 42px; width: 181px; padding: 7px 0 0 10px; font-size: 0.9em; line-height: 16px; }
#left .profile img { float: left; margin: 2px 7px 0 0; }

/* BOTTOM */
#bottom { height: 30px; padding: 0 7px; font-size: 0.8em; line-height: 30px; }

/* ADMIN */
#adminSpace { position: relative; }
#adminList { float: left; width: 200px; display: none; } 
#adminMain { /*margin:0 0 0 200px;*/ }

/* ADMIN LOADER */
#adminLoader { position: absolute; top: 0; left: 0; display: block; z-index: 9999; background: #fff; opacity: 0.8; width: 100%; height: 100%; }
#adminLoader p { margin: 15% 0 0 0; text-align: center; font-size: 1.1em; background: url(../images/ajax-loader.gif) center top no-repeat; padding-top: 90px; text-transform: uppercase; }

/* ADMIN LISTING */
table.admin { width: 100%; }
#adminList table.admin { width: 190px; }
table.admin td { padding: 5px 5px 7px 5px; vertical-align: middle; }
table.admin td img, table.admin td input.image { vertical-align: bottom; }
table.admin th { padding: 0; height: 45px; line-height: 40px; }
table.admin th.icon { width: 32px; overflow: hidden; }
table.admin th.key { width: 40px; }
table.admin th.icon.adminsorting { width: 64px; }
table.admin th a { display: block; text-decoration: none; height: 39px; padding: 0 5px 0 10px; }
table.admin th span { padding: 0 5px; display: block; font-size: 0.8em; height: 39px; }
table.admin th strong { padding: 0 5px; display: block; font-size: 1.1em; height: 39px; }
table.admin td .sorting img { padding: 0 2px; }
table.admin td div.sorting { display: block; width: 55px; }
table.admin td span.yes { font-weight: bold; }


/* FULLTEXT FORM */
.fulltext p, .filter p { height: 45px; padding: 0 7px; line-height: 45px; }
.fulltext p input, .filter p input { margin: 8px 0 0 5px; padding: 4px; }

/* ADMIN NEW LINE FORM */
table.newLine { width: 100%; }
table.newLine th { padding: 0; height: 35px; line-height: 35px; padding-left: 5px; }
table.newLine td { height: 35px; padding-bottom: 7px; }
table.newLine td input, table.newLine td select { margin: 8px 0 0 5px; padding: 4px; }
table.newLine td.submit input.button { font-size: 0.8em; padding: 0; vertical-align: middle; margin: -3px 0 0 5px; }

/* ADMIN EDIT */
table.edit { width: 100%; }
table.edit td, table.edit th { padding: 5px 5px 7px 5px; vertical-align: top; }
table.edit th { font-weight: bold; }
table.edit input.checkbox { width: auto; }

table.edit td .preview { float: left; width: 60px; height: 60px; }
table.edit td .preview span { display: block; width: 59px; height: 60px; }
table.edit td .preview span a { display: block; padding-top: 5px; } 
table.edit td .fileadd { float: left; height: 60px; line-height: 25px; padding-left: 7px; padding-top: 3px; } 
table.edit td .fileadd img { vertical-align:bottom; margin-right: 5px; }

/* MAP TABLE */
table.edit td .mappedTable input { width: 20px; }
table.edit td .mappedTable input.checkboxText { width: 150px; margin-left: 5px; }
table.edit td .mappedTable span { padding: 2px 7px 2px 2px; display: block; float: left; margin: 0 5px 5px 0; }
table.edit td .mappedTable div { display: block; clear: left; }
table.edit td .mappedTable div label.head { display: block; float: left; width: 150px; font-weight: bold; }
table.edit td .mappedTable .view { padding: 3px 5px; font-size: 0.9em; }

.mappedValues.detail table { width: 100%; }

/* TOP */
#top { display: block; height: 30px; width: 100%; }
#top ul { list-style: none; float: right; font-size: 0.8em; }
#top ul li, #top ul li a { display: block; float: left; line-height: 30px; }
#top ul li a { padding: 0 20px; }



/* TOAST Messages */
.toast-container { width: 280px; z-index: 9999; }
* html .toast-container { position: absolute; }
.toast-item { height: auto; background: url(../images/message/toastBg.gif) top left repeat-x #141414; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #fff; padding: 6px 6px; font-size: 13px; border: 1px solid #aaa; display: block; position: relative; margin: 0 0 4px 0; }
.toast-item p { text-align: left; margin-left: 25px; padding-bottom: 0; }
.toast-item-close { background:url(../images/message/toastClose.png); width:10px; height:11px; position: absolute; top:10px; right:7px; }
.toast-item-image { width:16px; height:16px; margin-left: 3px; margin-top: 3px; margin-right: 10px; float:left; }
.toast-item-image-notice { background:url(../images/message/notice.png); }
.toast-item-image-success { background:url(../images/message/success.png); }
.toast-item-image-warning { background:url(../images/message/warning.png); }
.toast-item-image-error { background:url(../images/message/error.png); }

/* LANGUAGE MENU */
#languageMenu { padding: 15px 0; }
#languageMenu strong, #languageMenu a { padding: 5px 0 5px 7px; }

/* HELP */
.help { padding: 10px 15px 0 7px; border-bottom: 1px solid #ddd; }
.help h3 { padding-bottom: 7px; color: #D70000; }

/* LOADER */
#adminLoader { position: absolute; top: 20px; display: block; margin: 0 auto; width: 200px; height: 150px; background:url(../images/ajax-loader.gif); }

	/** 
	 * toast types 
	 * 
	 * pattern: toast-type-[value]
	 * where 'value' is the real value of the plugin option 'type'
	 * 
	 */
	.toast-type-notice { color: white; }
	.toast-type-success { color: white; }
	.toast-type-warning { color: white; border-color: #FCBD57; }
	.toast-type-error { color: white; border-color: #B32B2B; }

	/** 
	 * positions 
	 * 
	 * pattern: toast-position-[value]
	 * where 'value' is the real value of the plugin option 'position'
	 * 
	 */
	.toast-position-top-left { position: fixed; left: 20px; top: 20px; }
	.toast-position-top-center { position: fixed; top: 20px; left: 50%; margin-left: -140px; }
	.toast-position-top-right { position: fixed; top: 20px; right: 20px; }
	.toast-position-middle-left { position: fixed; left: 20px; top: 50%; margin-top: -40px; }
	.toast-position-middle-center { position: fixed; left: 50%; margin-left: -140px; margin-top: -40px; top: 50%; }
	.toast-position-middle-right { position: fixed; right: 20px; margin-left: -140px; margin-top: -40px; top: 50%; } 


/* Confirmation Dialog */
#confirmOverlay{ width:100%; height:100%; position:fixed; top:0; left:0; background:url('../images/confirm/ie.png'); background: -moz-linear-gradient(rgba(11,11,11,0.1), rgba(11,11,11,0.6)) repeat-x rgba(11,11,11,0.2); background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11,11,11,0.1)), to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.2); z-index:100000; }
#confirmBox{ background:url('../images/confirm/body_bg.jpg') repeat-x left bottom #e5e5e5; width:460px; position:fixed; left:50%; top:50%; margin:-130px 0 0 -230px; border: 1px solid rgba(33, 33, 33, 0.6); -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset; -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset; box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset; }
#confirmBox p { background:url('../images/confirm/header_bg.jpg') repeat-x left bottom #f5f5f5; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6); color:#666; padding: 18px 25px; }
#confirmBox h3 { letter-spacing:0.3px; color:#fff; background: url(../images/top_bg.gif) 0 bottom repeat-x #2B2B2B; padding: 0 25px; font-size: 1.3em; line-height: 50px; height: 50px; }
#confirmBox p{ background:none; font-size:16px; line-height:1.4; padding-top: 35px; }
#confirmButtons{ padding:15px 0 25px; text-align:center; }
#confirmBox .button{ display:inline-block; background:url('../images/confirm/buttons.png') no-repeat; color:white; position:relative; height: 33px; line-height: 33px; margin-right: 15px; padding: 0 20px 0 20px; text-decoration:none; border:none; }
#confirmBox .button:last-child{	margin-right:0;}
#confirmBox .button span{ position:absolute; top:0; right:-5px; background:url('../images/confirm/buttons.png') no-repeat; width:5px; height:33px }
#confirmBox .green{				background-position:left top;text-shadow:1px 1px 0 #5889a2;}
#confirmBox .green span{			background-position:-195px 0;}
#confirmBox .green:hover{		background-position:left bottom;}
#confirmBox .green:hover span{	background-position:-195px bottom;}
#confirmBox .gray{				background-position:-200px top;text-shadow:1px 1px 0 #707070;}
#confirmBox .gray span{			background-position:-395px 0;}
#confirmBox .gray:hover{		background-position:-200px bottom;}
#confirmBox .gray:hover span{	background-position:-395px bottom;}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }

.ui-sortable-helper { display: table; width: 100%; }
.ui-sortable-helper td.icon { width: 25px; }
img.dragButton { cursor: move; }