html {margin:0; padding:0;}
body {margin:0; padding:0; font:normal 80% arial, sans-serif; color:#000; background:#f7f7f7;}

.align-left {text-align:left;}
.align-center {text-align:center;}

a {color:#dc3131;}

header {height:45px; background:#222; color:#fff; text-align:right;}
header a {color:#fff;}
header .ttwd a span {display:none;}
header .ttwd a {display:block; width:30px; height:30px; background:url(../img/cms-logo-small.png) 0 0 no-repeat; float:left; margin-top:9px; margin-left:8px; border-bottom:1px solid #222;}
header .ttwd a:focus, header .ttwd a:hover {border-color:#dc3131; outline:none;}
header ul {margin:0; padding:15px 20px 0 0; list-style:none;}
header ul li {float:right; margin-left:10px; font-size:11px; text-transform:uppercase; font-weight:bold; border-left:1px solid #ccc; padding-left:10px;}
header ul li a {text-decoration:none;}
header ul li a:focus, header ul li a:hover {text-decoration:underline; background:#dc3131;}
header ul li span.more {float:right; margin-left:10px;}
header ul li:last-child {border-left:0;}

#flashMessage {padding:10px; background:#fff2a9;}
#flashMessage.success {background:#cdf5d0;}
#flashMessage.error {background:#ffe5e5;}

#wrapper {overflow:auto;}
#left {width:20%; float:left; background:#333; overflow:auto;}
#right {float:left; width:80%; overflow:auto;}

.mobile-menu {display:none;}
nav ul {margin:0; padding:0; list-style:none;}
nav ul li {overflow:auto; clear:both; border-bottom:1px solid #444;}
nav ul li a {display:block; color:#999; padding:14px 5%; text-decoration:none; width:90%;}
nav ul li a span {display:block; float:left; margin-top:2px; width:30px;}
nav ul li ul li {border-top:1px solid #444; border-bottom:0;}
nav ul li ul li {padding-left:20px;}
nav ul li:hover {background:#dc3131!important;}
nav ul li a:focus {background:#dc3131 !important; color:#fff;}
nav ul li:hover ul li {background:#333;}
nav ul li:hover ul li:hover, nav ul li:focus ul li:focus a {background:#E04C4B;}
nav ul li:hover a {color:#fff;}
nav ul li:hover ul li a {color:#999;}
nav ul li:hover ul li:hover a {color:#fff;}
nav ul li.active a {color:#fff;}

#breadcrumbs ul {background:#fff; margin:0; padding:15px 0; list-style:none; color:#888; text-transform:uppercase; font-size:12px; overflow:auto;}
#breadcrumbs ul li {float:left; margin-right:10px; padding-left:10px;}
#breadcrumbs ul li a {text-decoration:none; font-weight:bold; color:#000;}
#breadcrumbs ul li i {color:#000; margin-right:15px;}
#breadcrumbs ul li:first-child i {color:#000; margin-right:5px;}
#breadcrumbs ul li:hover i, #breadcrumbs ul li:hover a, #breadcrumbs ul li a:focus {color:#dc3131; text-decoration:underline;}

.main {padding:20px; min-height:500px;}
.main h1 {font-weight:normal; margin:0; padding:0 0 20px 0; color:#555; font-size:20px; text-transform:uppercase;}
.main h1 span.small {font-size:50%;}

.summary-boxes {overflow:auto; margin-bottom:20px;}
.summary-boxes .box {width:23.5%; background:#333; float:left; margin-right:2%; height:120px; position:relative;}
.summary-boxes .box4 {margin-right:0;}
.summary-boxes .box a {display:block; position:absolute; bottom:0; left:0; right:0; background:#444; padding:7px 10px 5px 10px; font-size:11px; text-transform:uppercase; text-decoration:none; color:#fff;}
.summary-boxes .box a:hover {text-decoration:underline;}
.summary-boxes .box a i {float:right;}
.summary-boxes .box .number {font-size:40px; color:#fff; position:absolute; top:10px; right:10px;}
.summary-boxes .box .text {font-size:15px; position:absolute; right:10px; top:50px; color:#fff;}

.summary-boxes .box1 {background:#578EBE url(../img/dashboard-icon-document.png) 0 0 no-repeat;}
.summary-boxes .box1 a {background:#4985B8;}

.summary-boxes .box2 {background:#E35B5A url(../img/dashboard-icon-youtube.png) 0 0 no-repeat;}
.summary-boxes .box2 a {background:#E04C4B;}

.summary-boxes .box3 {background:#44B6AE url(../img/bg-image.png) 0 0 no-repeat;}
.summary-boxes .box3 a {background:#3FA9A1;}

.summary-boxes .box4 {background:#8775A7 url(../img/bg-users.png) 0 0 no-repeat;}
.summary-boxes .box4 a {background:#7D6AA0;}

section h2 {font-weight:normal; color:#333; font-size:18px;}

.two-col {overflow:auto;}
.two-col .box {background:#fff; width:49%; margin-right:2%; float:left;}
.two-col .box:last-child {margin-right:0;}
.two-col .inner {padding:20px;}
.two-col .inner a.view-all-link {float:right; font-size:11px; text-transform:uppercase; text-decoration:none; color:#333; padding-top:3px;}
.two-col .inner a.view-all-link i {margin-left:5px;}
.two-col .inner a.view-all-link:hover {color:#f01d0e; text-decoration:underline;}
.two-col .inner h2 {margin-top:0;}
.two-col .inner ul {margin:0; padding:0; list-style:none; overflow:auto;}
.two-col .inner .stdForm .term {margin-bottom:15px; border-bottom:1px dashed #ddd; padding-bottom:10px;}
.two-col .inner .stdForm .input {text-align:right;}
.two-col .inner .stdForm .input label {width:40% !important; margin-top:10px; text-align:left;}
.two-col .inner .stdForm .submitExit {overflow:auto;}
.two-col .inner .stdForm .submitExit button {border:0;background:#5C9B4C; display:block; float:right; text-decoration:none; color:#fff; text-decoration:none; padding:10px 15px; margin-left:10px; cursor:pointer;}
.two-col .inner .stdForm .submitExit button:hover, .two-col .inner .stdForm .submitExit button:focus {background:#427733; text-decoration:underline;}

ul.stdList {margin:0; padding:0; list-style:none;}
ul.stdList li {}
ul.stdList li a {display:block; padding:10px; border-bottom:1px solid #f2f2f2; text-decoration:none; color:#333;}
ul.stdList li a:hover {background:#f2f2f2;}
ul.stdList li:last-child a {border-bottom:0;}
ul.stdList li a span {float:right; margin-top:2px; font-size:11px; text-transform:uppercase; color:#000; display:none;}
ul.stdList li a span i {margin-right:5px;}
ul.stdList li a:hover span {display:block;}

ul.imgThumbs li {float:left;}
ul.imgThumbs li .image {overflow:hidden; width:100px; height:67px; margin-right:5px; margin-bottom:7px; padding:5px; border:1px solid #ddd;}
ul.imgThumbs li .image img {height:67px; width:100px;}
ul.imgThumbs li:hover .image {background:#E04C4B; border:1px solid #ad1c1c; cursor:pointer;}

.sub-tabs ul {margin:0 0 20px 0; padding:0; list-style:none; height:36px; border-bottom:1px solid #ddd;}
.sub-tabs ul li {display:inline;}
.sub-tabs ul li a {display:block; float:left; border:1px solid #ddd; background:#eee; padding:10px 20px; margin-left:2px; color:#777; text-decoration:none;}
.sub-tabs ul li a:hover {background:#fff;}
.sub-tabs ul li a.active {background:#f7f7f7; border-bottom:1px solid #f7f7f7;}

.add-link {display:block; float:right; background:#578EBE; color:#fff; text-decoration:none; padding:10px 15px;}
.add-link i {margin-right:5px;}
.add-link:hover {background:#4985B8;}

.reorder-link {display:block; float:right; background:#BC5656; color:#fff; text-decoration:none; padding:10px 15px; margin-left:5px;}
.reorder-link i {margin-right:5px;}
.reorder-link:hover {background:#B74949;}

.filter-link {display:block; float:right; background:#AAAAAA; color:#fff; text-decoration:none; padding:10px 15px; margin-left:5px;}
.filter-link i {margin-right:5px;}
.filter-link:hover {background:#CCCCCC;}

.import-link {display:block; float:right; background:#4cb349; color:#fff; text-decoration:none; padding:10px 15px; margin-left:5px;}
.import-link i {margin-right:5px;}
.import-link:hover {background:#1f8d1c;}

#filter {margin-bottom:10px; border-top:1px dotted #ccc; padding:20px 0 10px 0;}
#filter input[type=text], #filter select {border:1px solid #ddd; padding:5px; width:200px;}
#filter input[type=submit] {background:#63B768; border:0; padding:5px 20px; color:#fff;}
#filter input[type=submit]:hover {background:#36A056; cursor:pointer;}

#pagenums .text {float:left; margin-top:10px;}
#pagenums ul {float:right; margin:0 0 20px 0; padding:0; list-style:none; overflow:auto; border-left:1px solid #ddd;}
#pagenums ul li {display:inline; padding-left:3px;}
#pagenums ul li a, #pagenums ul li.current {display:block; float:left; border:1px solid #ddd; border-left:0; padding:10px 15px; background:#fff; text-decoration:none; color:#333;}
#pagenums ul li a:hover {background:#eee;}
#pagenums ul li a.current, #pagenums ul li.current {background:#578EBE; color:#fff;}

table {width:100%; border-left:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:20px;}
table th {background:#eee; font-size:11px; padding:10px; border:1px solid #ddd; border-width:1px 1px 0 0;}
table th.small {width:60px;}
table td {background:#fff; padding:10px; border:1px solid #ddd; border-width:1px 1px 0 0; text-align:center;}
table td ul {margin:0; padding:0; list-style:none;}
table td ul li {display:inline-block;}
table td img {display:block; margin:0 auto; max-height:60px;}
table td a img {border:0;}
table tr.dark td {background:#f7f7f7;}
table tr:hover td {background:#fdffe5;}
table td.actions {width:120px;}
table td.actions a {font-size:110%; color:#333; padding:5px 5px;}
table td.actions a:hover {background:#dc3131; color:#fff; border-radius:3px;}
table tr.refund td {color:#f00; font-style:italic;}
table tr td.alignLeft {text-align:left;}
table tr td.indent {padding-left:20px;}
table tr td.indent span {margin-right:5px; color:#888;}
table tr td.not-visible {color:#aaa;}

.form-wrapper {background:#fff; padding:20px;}

.tabber {margin:0; padding:0; list-style:none; height:36px; border-bottom:1px solid #eee;}
.tabber li {float:left;}
.tabber li a {display:block; padding:10px 20px; border-bottom:1px solid #eee; text-decoration:none; color:#888; text-transform:uppercase;}
.tabber li a:hover, .tabber li a:focus {border-bottom:3px solid #F27474;}
.tabber li a.active {border-bottom:3px solid #dc3131;}

.req {color:#f00;}
.note {font-size:11px;}

.stdForm .input {overflow:auto; margin-bottom:5px;}
.stdForm .input label {display:block; float:left; width:13%; margin-top:10px;}
.stdForm .input input {font:inherit; padding:10px; width:84%; border:1px solid #ddd;}
.stdForm .input select {font:inherit; padding:10px; border:1px solid #ddd;}
.stdForm .input textarea {font:inherit; padding:10px; border:1px solid #ddd; width:84%; height:100px;}
.stdForm .input textarea.mceEditor {height:300px;}
.stdForm .input .error {border:1px dashed #f00; background:#FFF4F4;}
.stdForm .required label:after {content:" *"; color:#f00;}
.stdForm .existing {margin-bottom:5px;}
.stdForm .existing span {float:left; width:13%; }
.stdForm .checkbox {margin-left:130px;margin-bottom:0; border-bottom:1px solid #eee; width:86%;}
.stdForm #checklist .checkbox {margin-left:0; width:100%;}
.stdForm .checkbox label {margin-top:0px; margin-left:10px; width:70%; cursor:pointer; padding:10px 0;}
.stdForm .checkbox:hover {background:#f7f7f7;}
.stdForm .checkbox input {width:auto; float:left; margin-top:11px;}
.stdForm .info {background:#e0e7ff; padding:10px; border:1px solid #c0cffe; text-align:center; margin:20px 0; font-size:80%; font-weight:bold; text-transform:uppercase; color:#47547e;}
.stdForm .existing {margin:20px 0 20px 130px;}
.stdForm .existing img {max-height:60px;}
.stdForm .existing #dp_image img {max-height:none;}
.stdForm .member-rating-select label {margin:6px 0;}
.stdForm .member-rating {display:inline-block; padding-top:5px;}

.stdForm .checkboxes .checkbox {margin-left:0; overflow:auto; width:100%;}
.stdForm .checkboxes .checkbox label {display:block; float:left; margin-left:10px;}

.stdForm .sortable {margin:0; padding:0; list-style:none;}
.stdForm .sortable li {padding:10px; background:#dc3131; width:30%; color:#fff; margin-bottom:3px;}
.stdForm #images.sortable li {background:#f7f7f7; color:#000;}
.stdForm #images.sortable li img {max-width:100%;}
.stdForm .sortable li:hover {background:#80C342; cursor:move;}

.forgotten-password a {margin-left:13%;}

ul.reorder {margin:0; padding:0; list-style:none;}
ul.reorder li img {border:1px solid #ddd; padding:5px;}
ul.reorder li img:hover {background:#dc3131; cursor:move; border:1px solid #dc3131;}
ul.reorder-text li {background:#f7f7f7; padding:10px; margin-bottom:5px; cursor:move;}

.buttons {margin:20px 0; padding-bottom:20px;}
.buttons ul {margin:0; padding:0; list-style:none; text-align:right;}
.buttons ul li {display:inline;}
.buttons ul li a {display:block; float:right; text-decoration:none; background:#578EBE; color:#fff; text-decoration:none; padding:10px 15px; margin-left:10px;}
.buttons ul li a.cancel {background:#ddd; color:#888;}
.buttons ul li a.cancel:hover {background:#888; color:#fff;}
.buttons ul li a.submitEdit {background:#e9ba4a; color:#623500;}
.buttons ul li a.submitEdit:hover {background:#e5a304;}
.buttons ul li a.submitExit {background:#5C9B4C;}
.buttons ul li a.submitExit:hover {background:#427733; text-decoration:underline;}

.transaction-buttons {margin:0 0 10px 0; padding:0; list-style:none; overflow:auto;}
.transaction-buttons li {float:left;}
.transaction-buttons li a {display:block; background:#ccc; padding:10px 20px; margin-right:5px; text-decoration:none;}
.transaction-buttons li a:hover {text-decoration:underline;}
.transaction-buttons li a span {margin-right:5px;}
.transaction-buttons li a.reconcile {color:#fff; background:#80C342;}
.transaction-buttons li a.reconcile:hover, .transaction-buttons li a.reconcile:focus {background:#dc3131;}
.transaction-buttons li a.unreconcile {background:#e9ba4a; color:#623500;}
.transaction-buttons li a.unreconcile:hover, .transaction-buttons li a.reconcile:focus {background:#e5a304;}
.transaction-buttons li a.delete {color:#fff; background:#c23b3b;}
.transaction-buttons li a.delete:hover, .transaction-buttons li a.reconcile:focus {background:#931c1c;}

td.icon span.fa-clock-o {background:#e9ba4a; padding:5px 6px; border-radius:3px; color:#623500;}
td.icon span.fa-check-circle-o {background:#80C342; padding:5px 6px; border-radius:3px; color:#fff;}

#submit input {background:#578EBE; color:#fff; border:0; padding:10px 15px; background:#4cb349; cursor:pointer;}
#submit input:hover {background:#1f8d1c;}

#images.sortable {margin:0; padding:0; list-style:none; overflow:auto;}
#images.sortable li {float:left; width:183px; padding:5px; border:1px solid #eee; margin-right:4px; margin-bottom:10px;}
#images.sortable li:hover {background:#f7f7f7; cursor:move;}
#images.sortable li .image {margin-bottom:10px;}
#images.sortable li .image img {display:block; margin:0 auto;}
#images.sortable li .alt input {padding:10px; width:160px;}
#images.sortable li .alt label {display:block; margin-bottom:5px;}
#images.sortable li .alt {margin-bottom:10px;}
#images.sortable li .del label {cursor:pointer;}

#uploader {background:#fff; padding:20px; margin-bottom:20px;}
#uploader .input {overflow:auto;}
#uploader .input label {display:block; float:left; width:120px; padding-top:15px;}
#uploader .input input {padding:10px; border:1px solid #ddd;}
#progress {height:3px; background:#eee; margin-top:20px;}
#progress .bar {height:3px; background:#5EC461;}

.add-aco {overflow:auto; margin-bottom:20px; width:100%;}
.add-aco .input {float:left; width:30%;}
.add-aco .input input {padding:10px; margin:0 5px; width:85%;}
.add-aco .submit input {border:0; padding:10px 20px; background:#4cb349; color:#fff;}
.add-aco .submit input:hover {cursor:pointer; background:#1f8d1c;}

.auto-complete {margin:0; padding:0; list-style:none; border:1px solid #ddd; border-bottom:0; position:absolute; z-index:10; margin-left:130px; margin-top:-6px; width:500px;}
.auto-complete li {padding:10px;border-bottom:1px solid #ddd; background:#fff; cursor:pointer;}
.auto-complete li:hover {background:#dc3131; color:#fff;}

.auto-complete-selection {margin-left:130px; overflow:auto; margin-bottom:5px;}
.deletable {float:left; margin-right:5px; margin-bottom:5px; background:#62bb47; color:#fff; padding:10px 40px 10px 10px; position:relative;}
.deletable span {position:absolute; top:0; right:0; padding:11px 10px; margin-left:5px; margin-top:1px; cursor:pointer; border-left:1px solid #8fd979;}
.deletable span:hover {background:#398e1f;}

.content-wrapper {background:#fff; padding:20px;}

h2 {font-weight:normal;}

.cancel-link {display:block; float:right; background:#c23b3b; color:#fff; padding:10px 20px; text-decoration:none;}
.cancel-link i {margin-right:5px;}
.cancel-link:focus, .cancel-link:hover {background:#931c1c;}

.stats.line-chart .placeholder {background:#f7f7f7; padding:30px 0; text-align:center;}
.stats.line-chart .placeholder h2 {margin-bottom:0; color:#aaa;}
.stats.line-chart .placeholder p {margin-top:5px; color:#aaa;}

.stats.two-col {overflow:auto; margin-top:20px;}
.stats.two-col .left {width:49%; float:left; }
.stats.two-col .right {width:49%; float:right;}
.stats.two-col .placeholder {background:#f7f7f7; text-align:center; padding:30px 0;}
.stats.two-col .placeholder h2 {margin-bottom:0; color:#aaa;}
.stats.two-col p {margin-top:5px; color:#aaa;}
.stats.two-col h2 {margin-top:0;}

.stats.three-col {overflow:auto; margin-top:20px;}
.stats.three-col .col1, .stats.three-col .col2,.stats.three-col .col3 {width:32%; float:left;}
.stats.three-col .col2 {margin:0 2%;}
.stats.three-col ul {margin:0; padding:0; list-style:none;}
.stats.three-col ul li {padding:10px 0 10px 10px; overflow:auto;}
.stats.three-col ul li:nth-child(odd) {background:#f7f7f7;}
.stats.three-col ul li.heading {background:#80C342; padding:10px; color:#fff;}
.stats.three-col ul li span.value {width:20%; float:right; text-align:center; border-left:1px solid #ddd;}
.stats.three-col ul li.heading span.value {border:0;}

.chart-holder {width:30%; height:160px; float:left;}
.dataset {margin:0; padding:0; list-style:none; float:left; margin-left:5%; width:65%;}
.dataset li {padding:10px 0 10px 10px; overflow:auto;}
.dataset li:nth-child(odd) {background:#f7f7f7;}
.dataset li.heading {background:#80C342; padding:10px; color:#fff;}
.dataset li span.color {display:block; width:1%; float:left; padding:10px; margin-right:3%;}
.dataset li span.color1 {background:#80C342;}
.dataset li span.color2 {background:#D7DFAA;}
.dataset li span.value {width:20%; float:right; text-align:center; border-left:1px solid #ddd;}
.dataset li.heading span.value {border:0;}

.notes_icon .notes {position:absolute; background:#fff; width:300px; margin-left:-320px; padding:20px; border:1px solid #ddd;}
.notes_icon .notes h3 {font-size:100%; font-weight:normal; background:#578EBE; color:#fff; padding:10px 0; cursor:pointer;}
.notes_icon .notes h3:hover {background:#4985B8;}
.notes_icon .notes textarea {background:#fff; border:1px solid #ddd; width:94%; padding:5px 2%; font:inherit;}
.notes_icon .notes button {color:#fff; background:#80C342; border:0; padding:10px 20px; margin-top:10px;}
.notes_icon .notes button:hover {background:#dc3131; cursor:pointer;}

.inspire {text-align:center; padding:30px 0; border:1px dashed #ddd; position:relative; line-height:2em; font-family:reklame-script; font-size:30px; color:#777; margin-bottom:20px;}
.inspire .author {font-style:italic;}
.inspire .author:before {content:"- ";}
.inspire .author:after {content:" -";}

.work_instruction {background:#fff; padding:30px; border:1px solid #eee;}
.work_instruction h2 {margin-top:0;}
.work_instruction .summary {display:none;}
.work_instruction .tags ul {margin:0; padding:0; list-style:none; overflow:auto;}
.work_instruction .tags ul li {float:left;}
.work_instruction .tags ul li a {display:block; padding:5px 10px; margin-right:5px; background:#DC3131; color:#fff; text-decoration:none;}
.work_instruction .tags ul li a:hover, .work_instruction .tags ul li a:focus {text-decoration:underline; background:#B51919;}
.work_instruction .history ul {margin:0; padding:0; list-style:none;}
.work_instruction .history ul li {background:#f7f7f2; padding:10px; margin-bottom:1px; border-left:2px solid #ccc;}
.work_instruction .history ul li .timestamp {font-size:80%; float:right; color:#888;}
.work_instruction .history ul li .action {font-size:80%; margin-bottom:10px;}
.work_instruction .history ul li:hover {border-color:#dc3131; background:#f5f5f2;}

/*iPhone 6*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) {
#accessibility {display:none; top:39px; background:#fff !important; padding-left:15px; padding-bottom:10px; position:absolute !important; min-height:200px;}
.mobile-access {display:block; background:#fff url(../img/access-icon.png) 5px 12px no-repeat; color:#000; padding:15px 10px 15px 35px; font-family:arial !important; font-size:120%;}
.mobile-access:hover, .mobile-access:focus {display:block; background:#fff url(../img/access-icon.png) 5px 12px no-repeat; color:#000; padding:15px 10px 15px 35px; font-family:arial !important; font-size:120%;}
#accessibility ul.accessibility li {float:none;}
#accessibility li.separator {display:none;}
#accessibility .accessibility li a {display:block; float:none;}
.font-theme {float:none !important; padding-left:20px; padding-bottom:10px;}
.font-theme ul {clear:both;}

.mobile-menu {display:block; text-align:left; float:none; color:#999; padding:14px 5%; text-decoration:none; width:90%; border:0;}
.mobile-menu span.fa {margin-right:10px;}
#menu {display:none; width:100%;}
nav ul {z-index:1000;  width:100%;}
nav ul li {display:block !important;}
nav ul li a {display:block; background:#111; text-align:left; width:90%; padding:14px 5%; color:#999 !important;}

nav, .content, .blog_block, footer, .footer_links, .center_copy, .breadcrumb-search ul.breadcrumbs {width:100%;}

#left {float:none; width:100%; min-height:0 !important;}
#right {float:none; width:100%;}

form input, form select, form textarea {-webkit-appearance:none; -moz-appearance:none; appearance:none; width:96% !important; padding:10px 2% !important;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
form .input label {display:block; width:100% !important; magin-bottom:5px;}

.text-center {text-align:center;}
.forgotten-password a {margin-left:0 !important; padding-left:0;}

.alert-panel {top:45px; right:0;}
.alert-panel a {padding:14px 19px;}

header ul {display:none;}

.summary-boxes .box {width:48%; margin-bottom:8px;}
.summary-boxes .box .text {text-align:right;}
canvas {width:100% !important; height:200px !important;}

.summary-content-pages {width:100% !important; margin:10px auto; float:none;}
.summary-images {width:100% !important; margin:10px auto; float:none;}

table tr td.actions {width:25% !important;}
table tr td.actions-large {width:40% !important;}
table tr th.size0 {width:25px;}

#pagenums {overflow:auto; margin-bottom:20px;}
#pagenums ul {float:none; margin:0 auto;}
#pagenums .text {float:none; }

h1 span.smalltext {display:block;}
form select {border:1px solid #ddd; padding:10px; background:#fff;}

.buttons ul li a {margin-bottom:10px;}
}

/*iphone 5*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {
#accessibility {display:none; top:39px; background:#fff !important; padding-left:15px; padding-bottom:10px; position:absolute !important; min-height:200px;}
.mobile-access {display:block; background:#fff url(../img/access-icon.png) 5px 12px no-repeat; color:#000; padding:15px 10px 15px 35px; font-family:arial !important; font-size:120%;}
.mobile-access:hover, .mobile-access:focus {display:block; background:#fff url(../img/access-icon.png) 5px 12px no-repeat; color:#000; padding:15px 10px 15px 35px; font-family:arial !important; font-size:120%;}
#accessibility ul.accessibility li {float:none;}
#accessibility li.separator {display:none;}
#accessibility .accessibility li a {display:block; float:none;}
.font-theme {float:none !important; padding-left:20px; padding-bottom:10px;}
.font-theme ul {clear:both;}

.mobile-menu {display:block; text-align:left; float:none; color:#999; padding:14px 5%; text-decoration:none; width:90%; border:0;}
.mobile-menu span.fa {margin-right:10px;}
#menu {display:none; width:100%;}
nav ul {z-index:1000;  width:100%;}
nav ul li {display:block !important;}
nav ul li a {display:block; background:#111; text-align:left; width:90%; padding:14px 5%; color:#999 !important;}

nav, .content, .blog_block, footer, .footer_links, .center_copy, .breadcrumb-search ul.breadcrumbs {width:100%;}

#left {float:none; width:100%; min-height:0 !important;}
#right {float:none; width:100%;}

form input, form select, form textarea {-webkit-appearance:none; -moz-appearance:none; appearance:none; width:96% !important; padding:10px 2% !important;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
form .input label {display:block; width:100% !important; magin-bottom:5px;}

.text-center {text-align:center;}
.forgotten-password a {margin-left:0 !important; padding-left:0;}

.alert-panel {top:45px; right:0;}
.alert-panel a {padding:14px 19px;}

header ul {display:none;}

.summary-boxes .box {width:48%; margin-bottom:8px;}
.summary-boxes .box .text {text-align:right;}
.summary-boxes .summary-content-pages {width:100% !important; margin:10px auto; float:none;}
.summary-boxes .summary-images {width:100% !important; margin:10px auto; float:none;}
canvas {width:100% !important; height:200px !important;}

table tr td.actions {width:25% !important;}
table tr td.actions-large {width:40% !important;}
table tr th.size0 {width:25px;}

#pagenums {overflow:auto; margin-bottom:20px;}
#pagenums ul {float:none; margin:0 auto;}
#pagenums .text {float:none; }

h1 span.smalltext {display:block;}
form select {border:1px solid #ddd; padding:10px; background:#fff;}

.buttons ul li a {margin-bottom:10px;}
}

/*iphone 4*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) {
#accessibility {display:none; top:39px; background:#fff !important; padding-left:15px; padding-bottom:10px; position:absolute !important; min-height:200px;}
.mobile-access {display:block; background:#fff url(../img/access-icon.png) 5px 12px no-repeat; color:#000; padding:15px 10px 15px 35px; font-family:arial !important; font-size:120%;}
.mobile-access:hover, .mobile-access:focus {display:block; background:#fff url(../img/access-icon.png) 5px 12px no-repeat; color:#000; padding:15px 10px 15px 35px; font-family:arial !important; font-size:120%;}
#accessibility ul.accessibility li {float:none;}
#accessibility li.separator {display:none;}
#accessibility .accessibility li a {display:block; float:none;}
.font-theme {float:none !important; padding-left:20px; padding-bottom:10px;}
.font-theme ul {clear:both;}

.mobile-menu {display:block; text-align:left; float:none; color:#999; padding:14px 5%; text-decoration:none; width:90%; border:0;}
.mobile-menu span.fa {margin-right:10px;}
#menu {display:none; width:100%;}
nav ul {z-index:1000;  width:100%;}
nav ul li {display:block !important;}
nav ul li a {display:block; background:#111; text-align:left; width:90%; padding:14px 5%; color:#999 !important;}

nav, .content, .blog_block, footer, .footer_links, .center_copy, .breadcrumb-search ul.breadcrumbs {width:100%;}

#left {float:none; width:100%; min-height:0 !important;}
#right {float:none; width:100%;}

form input, form select, form textarea {-webkit-appearance:none; -moz-appearance:none; appearance:none; width:96% !important; padding:10px 2% !important;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
form .input label {display:block; width:100% !important; magin-bottom:5px;}

.text-center {text-align:center;}
.forgotten-password a {margin-left:0 !important; padding-left:0;}

.alert-panel {top:45px; right:0;}
.alert-panel a {padding:14px 19px;}

header ul {display:none;}

.summary-boxes .box {width:48%; margin-bottom:8px;}
.summary-boxes .box .text {text-align:right;}
.summary-boxes .summary-content-pages {width:100% !important; margin:10px auto; float:none;}
.summary-boxes .summary-images {width:100% !important; margin:10px auto; float:none;}
canvas {width:100% !important; height:200px !important;}

table tr td.actions {width:25% !important;}
table tr td.actions-large {width:40% !important;}
table tr th.size0 {width:25px;}

#pagenums {overflow:auto; margin-bottom:20px;}
#pagenums ul {float:none; margin:0 auto;}
#pagenums .text {float:none; }

h1 span.smalltext {display:block;}
form select {border:1px solid #ddd; padding:10px; background:#fff;}

.buttons ul li a {margin-bottom:10px;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {

}