/* General Style Info */
body { background:#000; color:#333; font:11px/1.2 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif; }
a { color:#4d7b95; text-decoration:none; font-weight:700; }
a:hover { color:#4d7b95; text-decoration:underline; }
a img { border:none; }
h1 { font-weight:400; color:#4d7b95; font-size:100%; margin:.1em 0; }
h2 { font-weight:400; color:#4d7b95; font-size:190%; margin:.3em 0; }
.index { padding:20px; }
h3 { font-weight:400; color:#333; font-size:135%; }
h3.inline { margin:0; padding:0; }
h4 { color:#333; font-weight:400; padding-top:.5em; }
ul { margin:0; }
li { margin:0; }
p { padding:5px 0; }
.hidden { display:none; }
.clear { clear:both; float:none; padding:0; margin:0; }
.left { float:left!important; margin-right:20px; }
.right { float:right!important; margin-left:20px; }
.index .right { margin-right:56px!important; }
.text-center { text-align:center; }

/* Layout */
#container { text-align:left; }
.wrapper { width:960px; overflow:hidden; margin:0 auto; }

/* Layout.Header */
#header { height:150px; background:#000; color:#fff; border:none; overflow:hidden; margin-bottom:40px; }
#header .wrapper { background:#000 url(../img/bgHeader.jpg) no-repeat top; height:150px; }
#header .user-info { margin-top:45px; height:60px; text-align:right; overflow:hidden; line-height:15px; color:#ccc; font-size:120%; text-shadow:1px 1px 0 #000; color:#0082b3; }
#header .user-info h2 { color:#ccc; font-size:150%; }
#headerContent { padding-bottom:20px; margin-bottom:20px; height:80px; }
#header h1 { background:#003d4c; color:#fff; padding:0 30px; }
#header h1 a { color:#fff; font-weight:400; text-decoration:none; }
#header h1 a:hover { color:#fff; background:#003d4c; text-decoration:underline; }

/* Layout.Login */
#content.login { width:218px!important; padding:40px 40px 20px!important; background:#fff url(../img/bgLoginTop.jpg) no-repeat center top!important; }
#content.login input { width:95%; }
#content.login .action-buttons { text-align:center; margin:0 auto; width:79px; }
#footer.login { background:#000 url(../img/bgLoginBottom.jpg) no-repeat center bottom!important; padding:0!important; height:12px; }

/* Layout.menu */
#menu { background:url(../img/bgNav.jpg) no-repeat center; height:30px; line-height:30px; padding-left:15px; list-style-type:none; }
#menu li { display:inline; height:30px; }
#menu li.outstanding { background:url(../img/bgNavOutstanding.jpg) repeat-x center; margin:0 1px; padding:0 10px; }
#menu li.left { }
#menu li.messageItem { width:99%; font-size:150%; text-align:center; display:block; }
#menu a { font-size:130%; color:#eee; text-decoration:none; font-weight:400; text-shadow:0 1px 1px #000; }
#menu a:hover { color:#fff!important; border-bottom:6px solid #2e4952; }
#menu li.active > a { color:#fff!important; border-bottom:6px solid #2e4952!important; }

/* Layout.Content */
#content { background:#fff url(../img/bgContent.jpg) no-repeat top; padding:20px 0; }

/* Layout.Home */
.homeModule { width:312px; height:312px; float:left; border:1px solid #e3e3e3; margin-right:9px; background-position:center; background-repeat:no-repeat; overflow:hidden; }
.textModule { color:#666; text-align:justify; border:1px solid #e3e3e3; margin:10px 0 0; padding:20px; background:#e9e9e9; }
.textModule span { color:#333; font-weight:700; font-size:120%; }
.textModule a { color:#4d7b95; font-weight:700; font-size:120%; border-bottom:1px dotted #ccc; }
.textModule a:hover { border-bottom-style:solid; text-decoration:none; }
.moduleCol { width:423px; margin-right:10px; float:left; }

/* Layout.AjaxRequest */
#update { background:#fff; }

/* Layout.Footer */
#footer { background:#fff url(../img/bgFooter.jpg) no-repeat bottom; font-size:90%; text-align:left; line-height:180%; height:12px; color:#ccc; margin-bottom:20px; }
#footer a { background:none; color:#fff; text-decoration:none; font-weight:400; border-bottom:1px dotted #fff; }
#footer a:hover { border-bottom-style:solid; }
#footer p a { text-decoration:none; border:none; }
#footer p a:hover { text-decoration:none; border:none; }
#footer p { float:left; }
.parameters p { font-size:120%; }

/* Tables */
table { background:#fff; border-top:0; border-right:0; border-bottom:0; clear:both; color:#333; margin-bottom:10px; width:100%; border-left:1px solid #999; }
.index table { border-left:0; margin-bottom:5px; }
.index table tr td:first-child { border-left:1px solid #999; }
th:first-child { border-left:1px solid #666; }
.index table tr td:first-child { text-align:left; padding-left:10px; }
th { background:#f2f2f2; border-right:1px solid #666; border-top:1px solid #666; text-align:center; }
th a { background:#f2f2f2 url(../img/bgTh.jpg) repeat-x center; display:block; text-decoration:none; padding:4px 8px; color:#e9e9e9; font-size:120%; text-shadow:0 1px 1px #333; }
th a:hover { color:#fff; text-decoration:none; }
table tr td,table tr.altrow td { background:#fff url(../img/bgTd.jpg) repeat-x bottom; border-right:1px solid #999; text-align:center; vertical-align:middle; padding:0; }
th.actions { border:none!important; background:none; width:56px; }
td.actions { text-align:center; white-space:nowrap; border:none!important; background:#fff!important; }
td.actions a { margin:0 6px; }
.cake-sql-log table { background:#f4f4f4; }
.cake-sql-log td { text-align:left; padding:4px 8px; }

/* Paging */
div.paging { background:#fff; color:#ccc; margin-left:52px; }
div.paging-numbers { float:left; margin:0 20px; }
div.paging span.current { color:#007b98; line-height:24px; font-size:12px; font-weight:700; }
div.paging a { text-decoration:none; color:#999; line-height:24px; font-size:12px; }
div.paging .enabled { opacity:1!important; filter:alpha(opacity=100); }

/* Scaffold View */
dl { line-height:2em; width:98%; margin:0; }
dl.altrow { background:#f4f4f4; }
dt { font-weight:700; padding-left:4px; vertical-align:top; }
dd { margin-left:12em; margin-top:-2em; vertical-align:top; }

/* Forms */
form { clear:both; width:99%; padding:0; }
fieldset { border:1px solid #ccc; margin-top:30px; padding:16px 20px; }
fieldset legend { background:#fff; font-weight:700; }
fieldset fieldset { margin-top:0; margin-bottom:20px; padding:16px 10px; }
fieldset fieldset legend { font-size:120%; font-weight:400; }
fieldset fieldset div { clear:left; margin:0 20px; }
form div { margin-bottom:1em; }
form div.input { margin-top:10px; color:#444; }
form div.required { color:#333; font-weight:700; }
form div.submit { border:none; clear:both; margin:5px auto; }
label { display:block; font-size:100%; padding-right:20px; }
input { font-size:100%; border:1px solid #ccc; background:#fff; padding:4px; width:100%; -moz-border-radius:5px; -webkit-border-radius:5px; }
textarea { border:1px solid #ccc; background:#fff; padding:4px; -moz-border-radius:5px; -webkit-border-radius:5px; width: 100%; height: 400px; }
select { font-size:100%; vertical-align:text-bottom; }
select[multiple=multiple] { width:100%; }
option { font-size:120%; padding:0 3px; }
input[type=checkbox] { clear:left; float:left; width:auto; margin:0 6px 7px 2px; }
input[type=radio] { float:left; width:auto; margin:0 3px 7px 0; }
div.radio label { margin:0 0 6px 5px; float: left; }
.select label { float:left; }
.select select { float:left; }

/**
* Action buttons
*/
.action-button input[type=submit] { border:none!important; padding:0!important; margin:0!important; font-size:100%; color:#333; background:none; text-shadow:0 1px 1px #fff; font-weight:700; height:30px; }
.action-button { font-size:110%; text-shadow:0 1px 1px #fff; width:79px; height:30px; line-height:31px; background-repeat:no-repeat; background-position:left top; background-color:transparent; text-align:center; color:#333; font-weight:700; cursor:default; display:block; float:left; margin:0 5px 10px 0; -user-select:none; -moz-user-select:none; }
.action-button:hover { background-position:left center!important; }
.action-button:active { background-position:left bottom!important; }
.action-button a { color:#333; cursor:default; width:79px; display:block; }
.action-button a:hover { text-decoration:none!important; }
.small-button { width:24px!important; height:24px!important; margin:0 2px!important; opacity:0.4; filter:alpha(opacity=40); }
.small-button:hover { opacity:1; filter:alpha(opacity=100); }
.default-button { background-image:url(../img/btn/default.png)!important; }
.add-button { background-image:url(../img/btn/add.png)!important; padding-left:8px; width:72px; }
.cancel-button { background-image:url(../img/btn/negative.png)!important; }
.checkbox-button { background-image:url(../img/btn/checkbox-off.png)!important; padding-left:8px; width:72px; }
.checkbox-on { background-image:url(../img/btn/checkbox-on.png)!important; }
.ok-button { background-image:url(../img/btn/affirmative.png)!important; }
.edit-button { background-image:url(../img/btn/edit.jpg)!important; }
.remove-button { background-image:url(../img/btn/remove.jpg)!important; }
.view-button { background-image:url(../img/btn/view.jpg)!important; }
.previous-button { background-image:url(../img/btn/previous.jpg)!important; }
.next-button { background-image:url(../img/btn/next.jpg)!important; }
.add-images-button { background-image:url(../img/btn/add-images.png)!important; padding-left:25px; width: 128px; }
form#mini { width:97%; font-size:75%; margin:0; }
form#mini .input { margin:0; }
form#mini .submit { margin-left:230px; margin-top:-15px; }
form#mini input[type=submit] { background:#fff; margin:0; }

/* Form.Elements */
.button { background:#fff; border:1px solid #ccc; width:40px; text-align:center; cursor:pointer; font-weight:400; margin:5px auto 0; padding:5px!important; }

/* Notices and Errors */
div.message { clear:both; color:#4d7b95; font-size:140%; font-weight:700; margin:1em 0; text-align:center; }
div.error-message { clear:both; color:#900; font-weight:700; }
p.error { background-color:#e32; color:#fff; font-family:Courier, monospace; font-size:120%; line-height:140%; margin:1em 0; padding:.8em; }
p.error em { color:#000; font-weight:400; line-height:140%; }
.notice { background:#fc0; color:#000; display:block; font-family:Courier, monospace; font-size:120%; line-height:140%; margin:1em 0; padding:.8em; }
.success { background:green; color:#fff; }
.errorPage { text-align:center; font-size:130%; padding:200px 0; }
.notifAlert { padding:2px 0 2px 20px!important; background:url(../img/icnError.png) no-repeat left; }
.notifInfo { padding:2px 0 2px 20px!important; background:url(../img/icnInfo.png) no-repeat left; }

/*  Actions  */
div.actions ul { margin:0; padding:0; text-align:right; }
div.actions li { display:inline; list-style-type:none; line-height:2em; white-space:nowrap; margin:0 2em 0 0; }
div.actions ul li a { color:#4D7B95; text-decoration:none; }
div.actions ul li a:hover { color:#333; text-decoration:underline; }

/* Related */
div.related { clear:both; display:block; }

/* Debugging */
pre { color:#000; background:#f0f0f0; padding:1em; }
pre.cake-debug { background:#fc0; font-size:120%; line-height:140%; margin-top:1em; overflow:auto; position:relative; }
div.cake-stack-trace { background:#fff; border:4px dotted #fc0; color:#333; font-size:120%; line-height:140%; overflow:auto; position:relative; margin:0; padding:6px; }
div.cake-code-dump pre { position:relative; color:#000; background-color:#F0F0F0; clear:both; font-size:12px; line-height:15px; overflow:auto; margin:4px 2px; padding:4px; }
div.cake-stack-trace pre { color:#000; background-color:#F0F0F0; overflow:auto; margin:0; padding:1em; }
div.cake-code-dump pre code { clear:both; font-size:12px; line-height:15px; overflow:auto; margin:4px 2px; padding:4px; }
div.cake-code-dump span.code-highlight { background-color:#ff0; padding:4px; }
div.code-coverage-results div.code-line { padding-left:5px; display:block; margin-left:10px; }
div.code-coverage-results div.uncovered span.content { background:#ecc; }
div.code-coverage-results div.covered span.content { background:#cec; }
div.code-coverage-results div.ignored span.content { color:#aaa; }
div.code-coverage-results span.line-num { color:#666; display:block; float:left; width:20px; text-align:right; margin-right:5px; }
div.code-coverage-results span.line-num strong { color:#666; }
div.code-coverage-results div.start { border:1px solid #aaa; margin-top:30px; padding-top:5px; border-width:1px 1px 0; }
div.code-coverage-results div.end { border:1px solid #aaa; margin-bottom:30px; padding-bottom:5px; border-width:0 1px 1px; }
div.code-coverage-results div.realstart { margin-top:0; }
div.code-coverage-results p.note { color:#bbb; font-size:10px; margin:5px 0 10px; padding:5px; }
div.code-coverage-results span.result-bad { color:#a00; }
div.code-coverage-results span.result-ok { color:#fa0; }
div.code-coverage-results span.result-good { color:#0a0; }

/**
* Images
*/
.image-thumb { width:100px; cursor:pointer; float:left; margin-right:10px; }
.image-thumb-minsize { }
.image-thumb-maxsize { max-width: 250px; }
.image-crop-container, .image-thumb-container { padding-top: 10px; border-top:1px solid #ccc; }
.image-crop-container .description, .image-thumb-container .description { height: 100px; }
.image-crop-container img, .image-thumb-container img { float: left; }
.image-crop-container .image-data, .image-thumb-container .image-data { width: 300px; float: left; margin-left: 20px; }
.image-full { max-width:940px; margin-bottom:10px; background:transparent url(../img/loader.gif) no-repeat center; }
.images .grid .cell { width:138px; height:85px; margin:5px; overflow:hidden; border:1px solid #ccc; float:left; text-align:center; }
.images .grid .cell.product { border:1px solid blue!important; }
.images .grid img { max-height:110px; }
.images .grid .cell .title { background:#000; color:#fff; font-weight:700; padding:5px; position:absolute; opacity:.8; }

/**
* Other
*/
.w3c { float:right; margin:20px 0 0 5px; }
.w3c a { text-decoration:none; border:none!important; }
.w3c a:hover { text-decoration:none; border:none!important; }
#flashMessage { background: #ddd; padding: 10px; width: 800px; margin: 0 auto; }

/**
* MultiFile
*/
.MultiFile-list { margin-top:10px; }
.MultiFile-list .MultiFile-label { float:left; margin-right:10px; }

/**
* Dialog
*/
.bgTransparent { position:fixed; left:0; top:0; background:#000; opacity:0.4; filter:alpha(opacity=40); display:none; }
.bgDialog { position:fixed; border:8px solid #ccc; overflow:hidden; background-color:#fff; padding:20px; padding-bottom:10px; max-width:940px!important; -moz-border-radius:10px; -webkit-border-radius:10px; display:none; }
.bgDialog h2 { height:53px; line-height:53px; padding:0 60px; text-align:center; color:#fff; background:url(../img/bgDialogHeader.jpg) repeat-x center; margin:-20px; margin-bottom:20px; font-size:230%; text-shadow:0 1px 1px #000; cursor:move; }
.bgDialog h2.alt { background:url(../img/bgDialogHeader_alt.jpg) repeat-x center; }
.footer { height:42px; width:168px; margin:0 auto; text-align:center; color:#fff; padding-top:15px; clear:both; }
.bgDialog .close { position:absolute; right:0; top:0; width:30px; height:30px; background:url(../img/icn/close.png) no-repeat center; cursor:pointer; }
.gmaps-wrapper { float:right; width:300px; height:300px; border:1px solid #ccc; }

/**
* Charts
*/
.charts { text-align:center; padding:10px; }

/**
* Dashboard
*/
.dashboard_table div { border-bottom:1px solid #ccc; padding-bottom:4px; margin-bottom:4px; }
.dashboard_table div strong { font-size:140%; }
.dashboard_table h2 { color:#333; margin-bottom:15px; }

/**
* Toolbar
*/
#toolbar { background:#ddd; color:#000; opacity:.8; position:fixed; bottom:0; height:25px; width:100%; line-height:25px; font-weight:700; border-top:1px solid #fff; }
#toolbar:hover { opacity:1; }
#toolbar a { text-shadow:#fff 1px 1px 1px; }


/**
* Loader
*/
#loader { background:transparent url(../img/loader.gif) no-repeat center; margin: 0; height: 32px; width: 32px; position: absolute; }