/*
- html elements
- html element classes
- sticky footer
- columns and widths
- helper classes
- lists (nav, simple, tab, gallery)
- helper elements (toggler)
- boxes (box, pullout, boxout)
- menus
- messages (info, notic, warning, error)
- text helpers (details)
- icons
- tables
- buttons (layout, corners, standard, positive, negative, disabled, passive)
*/
/* html elements
-------------------------------------------------------------- */
body {color:#333;font-size:16px;}
h1, h2, h3, h4, h5, h6{font-weight:bold; margin:0; line-height:1em;}
h1 {font-size:2.2em; margin-bottom:.5em;}
h2 {font-size:1.6em; margin-bottom:.5142em; padding-top:.2em;}
h3 {font-size:1.5em; margin-bottom:.7em; padding-top:.3em;}
h4 {font-size:1.25em; margin-bottom:.6em;}
h5,h6 {font-size:1em; margin-bottom:.5em; font-weight:bold;}
p, blockquote, ul, ol, dl, form, table, pre{line-height:inherit;margin:0 0 1.5em 0;}
p.meta {color:#666; border-bottom:1px #999 dotted; border-top:1px #999 dotted; padding:.25em 0;}
p img {background-color:#fff; border:1px solid #bbb; float:left; margin:.25em 1em .25em 0; padding:.25em;}
li {margin-left:1.2em;}
small{font-size:.9em;}
sup, sub{font-size:.8em;}
em, cite, q{font-style:italic;}
blockquote {border-left:4px #ccc solid; font:normal 1.2em serif; font-style:italic; padding-left:1.2em; margin:1em 0;}
blockquote p {margin-bottom:.4em;}
blockquote cite {font-size:.8em;}
pre {clear:both; overflow:auto;}
a, a:visited {color:#06c;}
/* html element classes
-------------------------------------------------------------- */
h1.page-title {border-bottom:1px #ccc solid;}
h2 {color:#666;}
#header #site-name {font-size:2.5em; font-weight:bold; margin:.2em 0;}
#header #tagline {font-size:1.5em; font-style:italic; font-weight:bold; margin:.2em 0 0.8em;}
#header img {background:transparent; border:none; padding:0;}
#content {padding-top:1em;}
/*
sticky footer by Ryan Fait http://ryanfait.com/
--------------------------------------------------------------
wrapper bottom margin is the negative value of the footer's height
.push must be the same height as #footer
*/
html, body {height:100%;}
/*
#wrapper {min-height:100%; height:auto !important; height:100%; margin-bottom:-100px;}
#footer, .push {height:100px;}
*/
/* columns and widths
-------------------------------------------------------------- */
.column {float:left; overflow:hidden; width:50%;}
* html .column {word-wrap:break-word;}
.full {width:100% !important;}
.half {width:50% !important;}
.third {width:33.3% !important;}
.twothirds {width:66.6% !important;}
.quarter {width:25% !important;}
.threequarters {width:75% !important;}
.fifth {width:20% !important;}
.twofifths {width:40% !important;}
.threefifths {width:60% !important;}
.fourfifths {width:80% !important;}
.column .inner {margin:0 10px;}
/* helper classes
-------------------------------------------------------------- */
.underline {text-decoration:underline;}
.hover {cursor:pointer;}
.left {float:left;}
.right {float:right;}
.center-justify {text-align:center;}
.left-justify {text-align:left;}
.right-justify {text-align:right;}
.inline {display:inline;}
.block {display:block;}
.nowrap {white-space:nowrap;}
.nofollow, .nofollow:hover {text-decoration:none;}
.hidden {display:none;}
.strike {text-decoration:line-through;}
.corners{-webkit-border-radius:1em; -moz-border-radius:1em;}
.clear {clear:both; height:0;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}
.first {margin-left:0 !important; padding-left:0 !important;}
.last {margin-right:0 !important; padding-right:0 !important;}
/* lists
-------------------------------------------------------------- */
ul.nav {margin:0; padding:0;}
ul.nav li {display:inline; list-style-type:none; margin:0 1em 0 0; padding:0 .6em 0 0; white-space:nowrap;}
ul.nav a {text-decoration:none;}
ul.nav a:hover {text-decoration:underline;}
ul.simple {margin:0; padding:0;}
ul.simple li {list-style-type:none; margin-bottom:.2em; margin-left:0;}
ul.simple input {margin:0; padding:0; vertical-align:top;}
ul.tabs {list-style-type:none; margin:0 0 0 0;}
ul.tabs li {height:40px; float:left; margin:0 5px 0 0;}
ul.tabs a {display:block; padding:10px 20px; text-decoration:none;}
ul.menu {list-style:none; border-top:1px solid #bbb;}
ul.menu li {margin:0;}
ul.menu li a {color:#333; display:block; padding:.25em .5em; border-bottom:1px solid #ccc; text-decoration:none;}
ul.menu li a:hover {background-color:#eee;}
ul.menu li a:active {background-color:#ccc;}
ul.gallery {list-style:none; margin:0; padding:0;}
ul.gallery li {float:left; height:185px; padding:5px; position:relative;}
ul.gallery a {display:table-cell; text-decoration:none; height:180px; text-align:center; vertical-align:middle; width:180px;}
ul.gallery li:hover img {border-color:#000;}
ul.gallery img {background-color:#fff; border:1px #ccc solid; padding:2px; vertical-align:middle;}
ul.gallery em {display:block; text-align:center; font-style:italic; color:#333;}
/* helper elements
-------------------------------------------------------------- */
.sidebar h2 {}
.sidebar h3 {}
.sidebar p {}
.toggler {display:block; margin-bottom:10px;}
.toggled {}
/* boxes
-------------------------------------------------------------- */
.box {padding:10px 10px 1px; margin-bottom:20px;}
.box h2 {color:#000; font-size:14px; padding:4px 12px; margin:-10px -10px 0; text-transform:uppercase;}
.box p {margin:5px 0 10px;}
.pullquote {width:20%; float:left; margin-right:2em; padding-right:2em; border-right:1px solid #ccc; text-align:right; font-size:1.1em; font-style:italic; color:#777; margin-bottom:.5em;}
.boxout {width:20%; float:right; margin-left:2em; padding:1em 2em; border:1px solid #ccc; margin-bottom:.5em;}
/* menus
-------------------------------------------------------------- */
.top-nav {color:#fff; font-size:12px; font-weight:bold; padding:9px 0;}
.top-nav li {float:left; list-style-type:none; margin:0 20px 0 0;}
.top-nav a {display:block; height:20px; line-height:24px; padding:5px 0; text-align:center; text-transform:uppercase; text-decoration:none; width:98px;}
.top-nav a.selected, .top-nav a:hover {background-color:#eee;}
.dropdown-nav {}
/*http://mac.appstorm.net/roundups/photography-roundups/the-ultimate-mac-setup-for-photographers-50-apps/*/
.block-nav {}
/* messages
-------------------------------------------------------------- */
p.warning, div.warning, p.notice, div.notice, p.error, div.error, p.info, div.info, p.clean, div.clean
{background:#C0D1E9 url(../images/icons/information.png) no-repeat 10px 15px; border:1px #4966A9 solid; color:#333; font-size:14px; font-weight:bold; margin:10px 0; padding:15px 10px 15px 35px;}
p.warning, div.warning {background-color:#FFFCDF; background-image:url(../images/icons/error.png); border:1px #DED67D solid;}
p.notice, div.notice {background-color:#E9FFDF; background-image:url(../images/icons/accept.png); border:1px #9DDE7D solid;}
p.error, div.error {background-color:#FFDFDF; background-image:url(../images/icons/exclamation.png); border:1px #DF7D7D solid;}
p.clean, div.clean {background-color:#f8f8f8; background-image:none; border:1px #ccc solid;}
span.warning, span.notice, span.error, span.info {font-weight:bold;}
span.warning {color:#A79B13;}
span.notice {color:#006600;}
span.error {color:#900;}
span.info {color:#1A3298;}
.warning ul, .notice ul, .error ul, .info ul {margin-bottom:0;}
/* text helpers
-------------------------------------------------------------- */
div.details {margin-bottom:10px;}
div.details p {margin-bottom:0; clear:left;}
div.details span.label {float:left; font-weight:bold; width:150px;}
div.details span.currency {float:left; text-align:right; width:85px;}
/* icons
-------------------------------------------------------------- */
.icon {text-decoration:none; margin-right:14px;}
.icon img {padding-right:5px; margin-bottom:-2px;}
/* tables
-------------------------------------------------------------- */
table {border:1px solid #bbb; margin-bottom:10px; width:100%;}
thead{border-bottom:2px solid #888;}
thead th.title{color:#fff; background:#555; border:1px solid #555; font-size:12px; font-weight:normal; text-transform:uppercase;}
th {background-color:#ccc; font-weight:bold;}
th,td {vertical-align:top; padding:4px 10px 4px 5px; text-align:left;}
tr.alt td, tr.highlight td {background:#eee;}
tfoot {font-style:italic;}
caption {background:#eee;}
th.actions {width:150px;}
th.narrow {width:80px;}
th.currency, td.currency {text-align:right; width:65px; white-space:nowrap;}
tbody th,
tbody td{border-top:1px solid #bbb;border-bottom:1px solid #bbb;}
tfoot th,
tfoot td{border-top:2px solid #666;background:#eee;}
tfoot tr.total th, tfoot tr.total td {border-top:6px double #666;}
table.clean {border:none;}
table.clean th, table.clean td {border:none;}
/* buttons
-------------------------------------------------------------- */
.buttons {overflow:hidden; font-size:14px;}
.buttons a.button, .buttons button, .buttons input.button {display:block; float:left; background:#dfdfdf url(../images/button_bg.png) repeat-x; margin:0 9px 0 0; border:1px solid #b4b4b4; border-top:1px solid #d4d4d4; border-left:1px solid #d4d4d4; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:100%; font-weight:bold; line-height:17px; text-decoration:none; color:#828282; cursor:pointer; padding:6px 10px 5px 7px; white-space:nowrap;}
/* Force inline Flash objects to act like a button */
.buttons object {display:block; float:left; margin:0 9px 0 0; cursor:pointer;}
.buttons button, .buttons input.button {width:auto; overflow:visible;
padding:4px 10px 5px 7px; /* IE6 */
}
.buttons button[type] {
padding:5px 10px 5px 7px; /* Firefox */
line-height:18px; /* Safari */
}
*:first-child+html button[type] {
padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a.button img, .buttons input.button img{background:transparent;margin:0 3px -3px 0 !important;padding:0;border:none;width:16px;height:16px;}
/* corners */
.buttons a.button,.buttons button, .buttons input.button {-webkit-border-radius:14px;}
.buttons a.button,.buttons button, .buttons input.button, x:-moz-any-link, x:default {-moz-border-radius:14px;}
/* To prevent buttons from being blown out when placed inside of block elements other than forms */
p .buttons,ul .buttons,ol .buttons{font-size:100%;}
/* standard */
.buttons button:hover,.buttons a.button:hover,.buttons a.button:active, .buttons input.button:hover{background:#6299c5;border:1px solid #6299c5;color:#fff;}
/* positive */
.buttons a.positive,button.positive,.buttons input.positive{color:#529214;}
.buttons a.positive:hover,button.positive:hover,.buttons a.positive:active,.buttons input.positive:hover,.buttons input.positive:active{background:#529214;border:1px solid #529214;color:#fff;}
/* negative*/
.buttons a.negative,button.negative,.buttons input.negative{color:#d12f19;}
.buttons a.negative:hover,button.negative:hover,.buttons a.negative:active,.buttons input.negative:hover,.buttons input.negative:active{background:#d12f19;border:1px solid #d12f19;color:#fff;}
/* disabled */
.buttons a.disabled,button.disabled,.buttons input.disabled{background:#b4b4b4;border:1px solid #b4b4b4;color:#fff;}
.buttons a.disabled:hover,button.disabled:hover,.buttons input.disabled:hover{background:#b4b4b4;border:1px solid #b4b4b4;color:#fff;cursor:not-allowed;}
/* passive */
.buttons a.passive,button.passive,.buttons input.passive{background:none;border:1px solid transparent;text-decoration:underline;}
.buttons a.passive:hover,.buttons input.passive:hover,{background:#eee;border:1px solid #eee;color:#646464;}
.buttons .right .button {margin:0 0 0 9px;}
body {background-color:#2F2E2B; font-family:calibri,"Trebuchet MS",verdana,helvetica,sans-serif; font-size:16px;}
a {color:#125AA7; font-weight:bold;}
a:hover {color:#333;}
#header {}
#header p {color:#fff; font:bold 18px arial; margin-top:12px;}
#header .container_12 {background:#212E84 url(/images/unid/header.gif) no-repeat center right; height:116px;}
#header #tagline {font-size:12px;}
#header #logo img {padding-top:10px;}
#main-nav {}
#main-nav .container_12 {background-color:#8495A9;}
.top-nav {color:#fff; font-size:12px; font-weight:bold; padding:9px 0;}
.top-nav li {float:left; list-style-type:none; margin:0 20px 0 0;}
.top-nav a {background-color:transparent; color:#fff; display:block; height:20px; line-height:24px; padding:5px 0; text-align:center; text-transform:uppercase; text-decoration:none; width:98px; -webkit-border-radius:14px; -moz-border-radius:14px;}
.top-nav a.selected, .top-nav a:hover {background-color:#666;}
#content {padding-top:0;}
#content .container_12 {padding-top:1em; background-color:#fff; min-height:600px;}
#footer {color:#ccc;}
#footer .container_12 {background-color:#516985; border-top:10px #8495A9 solid; color:#fff; height:80px; padding:15px 0 20px;}
#footer a {color:#fff;}
#footer a:hover {text-decoration:none;}
#page-image {margin-top:30px;}
h3 {border-bottom:1px #ccc solid; padding-bottom:5px;}
.box {background-color:#ddd;}
.box h2 {background-color:#333; color:#fff;}
.buttons {font-size:14px;}
.flash {margin:0 10px;}
h5 {color:#516985; margin-top:22px;}
form div.details span.label {width:240px;}
form div.details p {margin-bottom:6px;}
form div.details input.text {width:280px;}