/* 

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. Just copy a style from this file and paste it in 
custom.css and it will override the style in this file.

*/

/*--------------------Reset Styles---------------------*/
html, body {margin: 0; padding: 0; }
body { background: #f5f6f7; color: #666; font: 12px/14px Arial, Verdana, Tahoma, sans-serif; }
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
a, a:visited {text-decoration: none; outline: none; color: #0f6da9;}
a:hover {color: #003b69;}
p {margin:0; padding: 0;}
a img {border: 0; outline: none;}
form, input {margin: 0; padding: 0;}
table, table tr td, table tr th {border:0;}
.header-container ul, .title-content ul, .pagination ul, .tabs ul, ul.lmenu {margin: 0; padding: 0; list-style:none;}
input, textarea, select {outline: none; font: 12px/14px Arial, Verdana, Tahoma, sans-serif;}
textarea {resize:vertical;}
/*--------------------Grids For Action td and th---------------------*/
table.listing td.actions, table.listing th.actions, table.listing td.set2, table.listing th.set2 {width: 55px;} /* 2 icons */
table.listing td.set3, table.listing th.set3 {width: 85px;} /* 3 icons */
table.listing td.set4, table.listing th.set4 {width: 115px;} /* 4 icons */
table.listing td.set5, table.listing th.set5 {width: 145px;} /* 5 icons */
table.listing td.set6, table.listing th.set6 {width: 175px;} /* 6 icons */
table.listing td.set7, table.listing th.set7 {width: 205px;} /* 7 icons */
table.listing td.set8, table.listing th.set8 {width: 235px;} /* 8 icons */
table.listing td.set9, table.listing th.set9 {width: 285px;} /* 9 icons */
table.listing td.set10, table.listing th.set10 {width: 315px;} /* 10 icons */
/*--------------------Grids For Tables---------------------*/
table td.w25, table th.w25 {width: 25px;}
table td.w50, table th.w50 {width: 50px;}
table td.w75, table th.w75 {width: 75px;}
table td.w100, table th.w100 {width: 100px;} 
table td.w125, table th.w125 {width: 125px;}
table td.w150, table th.w150 {width: 150px;}
table td.w175, table th.w175 {width: 175px;}
table td.w200, table th.w200 {width: 200px;}
table td.w225, table th.w225 {width: 225px;}
table td.w250, table th.w250 {width: 250px;}
table td.w275, table th.w275 {width: 275px;}
table td.w300, table th.w300 {width: 300px;}
table td.w325, table th.w325 {width: 325px;}
table td.w350, table th.w350 {width: 350px;}
table td.w375, table th.w375 {width: 375px;}
table td.w400, table th.w400 {width: 400px;}
table td.w425, table th.w425 {width: 425px;}
table td.w450, table th.w450 {width: 450px;}
table td.w475, table th.w475 {width: 475px;}
table td.w500, table th.w500 {width: 500px;}
/*--------------------Main Width Grids---------------------*/
.w50 {width: 50px!important}
.w100 {width: 100px!important}
.w150 {width: 150px!important}
.w200 {width: 200px!important}
.w230 {width: 250px!important}
.w300 {width: 300px!important}
.w350 {width: 350px!important}
.w400 {width: 400px!important}
.w450 {width: 450px!important}
.w500 {width: 500px!important}
.w550 {width: 550px!important}
.w600 {width: 600px!important}
.w650 {width: 650px!important}
.w700 {width: 700px!important}
.w750 {width: 750px!important}
.w800 {width: 800px!important}
.w850 {width: 850px!important}
.w900 {width: 900px!important}
.w950 {width: 950px!important}
.w1000 {width: 1000px!important}
.auto-width {width: auto!important; }
/*--------------------Main Height Grids---------------------*/
.h50 {height: 50px}
.h100 {height: 100px}
.h150 {height: 150px}
.h200 {height: 200px}
.h230 {height: 250px}
.h300 {height: 300px}
.h350 {height: 350px}
.h400 {height: 400px}
.h450 {height: 450px}
.h500 {height: 500px}
.h550 {height: 550px}
.h600 {height: 600px}
.h650 {height: 650px}
.h700 {height: 700px}
.h750 {height: 750px}
.h800 {height: 800px}
.h850 {height: 850px}
.h900 {height: 900px}
.h950 {height: 950px}
.h1000 {height: 1000px}
.auto-height {height: auto; }
/*--------------------Icons Set---------------*/
a.ico {width: 24px; display: block; overflow: hidden; text-indent: -10000px; height: 24px; background-position: left top; background-repeat: no-repeat;}
a.ico:hover {background-position: left bottom;}
a.edit {background: url(../images/icons/ico-edit.png);}
a.delete {background: url(../images/icons/ico-delete.png);}
a.arrow {background: url(../images/icons/ico-arrows.png);}
a.arrow.up {background-position: right top;}
a.arrow.up:hover {background-position: right bottom;}
a.pictures {background: url(../images/icons/ico-pictures.png);}
a.add {background: url(../images/icons/ico-add.png);}
a.sort {padding-right: 17px;}
a.sort.down, a.sort.up {background: url(../images/icons/ico-sort-arrow.png) right top no-repeat;}
a.sort.down {background-position: right bottom;}
a.apply {background: url(../images/icons/ico-apply.png);}
a.clear {background: url(../images/icons/ico-clear.png);}
a.calendar {background: url(../images/icons/ico-calendar.png);}
a.view-all {background: url(../images/icons/ico-folder.png);}
a.close-message {background: url(../images/icons/ico-close-message.png); width: 18px; height: 17px;}
a.delete-item {position: absolute; z-index: 2; top: -5px; right: -5px;}
/*--------------------Base Form Elemets Set------------------*/
/*--------------------Buttons------------------*/
.btn-base {height: 30px;}
.btn-base a, .btn-base a span {display: block; background: url(../images/forms/buttons/btn-base.png) left top no-repeat; line-height: 30px; height: 30px; text-align: center; cursor: pointer;}
.btn-base a {padding-left: 5px; text-transform: uppercase; font-weight: bold; color: #fff;}
.btn-base a span{background-position: right -30px; background-repeat: repeat-x; height: 30px; padding: 0 15px 0 10px; }
.btn-base a:hover {background-position: left -60px;}
.btn-base a:hover span {background-position: right bottom;}
/*--------------------------------------*/
.browse-file {background: url(../images/forms/buttons/btn-browse-files.png) no-repeat; height: 30px; width: 100px; overflow: hidden; position: relative;} 
.browse-file input {height: 200px; position: absolute; top: 0; right: 0; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); cursor: pointer; font-size: 200px;}
.browse-file:hover {background-position: left bottom;}
/*--------------------Height Buttons------------------*/
.h20 {height: 20px;}
.h20 a, .h20 a span{display: block; background: url(../images/forms/buttons/btn-base-h20.png) left top no-repeat; line-height: 20px; height: 20px;}
.h20 a span {background-position: right -20px;}
.h20 a:hover {background-position: left -40px;}
/*--------------------Checkbox Elemetns Style-----------------*/
span.niceCheck {background: url(../images/forms/bg-checkbox.png) no-repeat; display: inline-block; height: 16px; width: 16px;}
span.niceCheck input {display: none;}
/*--------------------Radiobutton Elemetns Style------------------*/
.niceRadio {background: url(../images/forms/bg-radio.png) no-repeat; width: 16px; height: 16px; display: inline-block; cursor: pointer; overflow: hidden;}
.radioChecked {background-position: 0 -16px;}
.niceRadio input {margin-left: -17px;}
/*--------------------Text, Password, Textarea Elemetns Style------------------*/
input[type="text"], input[type="password"], textarea, input.file, select {background: #fff url(../images/forms/bg-itxt.gif) repeat-x left bottom;  padding: 5px; border: 1px solid #bebebe; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #666;}
input[type="text"], input[type="password"], input.file {height: 16px; line-height: 16px;}
textarea {height: 150px; min-height: 150px;}
/*--------------------Upload File Elemetns Style------------------*/
input.file {border-width: 1px 0 1px 1px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius:  3px 0 0 3px; border-radius:  3px 0 0 3px;}
/*--------------------Note Elemets---------------------------------------------------*/
span.note {font-size: 10px; color: #888; padding-top: 5px;}
/*-----------------------------------------------------------------------*/

/*--------------------Main Canvas Styles-----------------------*/
#main {width: 90%; min-width: 1000px; overflow: hidden; margin: 0 auto 20px;}
#content-page {padding-top: 20px;}
#header {width: 100%; padding-top: 20px;}
/*--------------------Canvas Style For Login Form-------------------*/
#content-login {width: 402px; overflow: hidden; margin: 15% auto 0;}
#content-login .title-content ul li {text-transform: uppercase; font-weight: bold;}
/*--------------------Login Form Content-----------------------*/
.lform {padding: 10px; width: 380px; overflow: hidden;}
.lform label {display: block; font-weight: bold; padding-bottom: 5px;}
.lform input {width: 368px; margin-bottom: 10px;}
.lform .btn-base {float: right; width: 100px;}
/*--------------------Main Menu Styles---------------------*/
.header-container, .header-container > ul > li:first-child > a, .header-container > a, .header-container > ul > li > a:hover, .header-container > ul > li:first-child > a:hover > span, .header-container ul > li > a.selected, .header-container > ul > li:first-child > a.selected > span, .header-container > ul.logout > li {background: url(../images/backgrounds/bg-mmenu.gif) left -50px no-repeat; height: 50px; }
.header-container {background-repeat: repeat-x;}
.header-container > ul {width: 90%; float: left;}
.header-container > ul > li {background: url(../images/backgrounds/bg-mmenu-border.gif) no-repeat right 1px; float:left; line-height: 50px; padding: 0 2px 0 0;} 
.header-container > ul > li > a, .header-container > a {display: block; padding: 0 15px; color: #666;}
.header-container > ul > li > a:hover, .header-container > ul > li:first-child > a:hover > span, .header-container > ul > li a.selected, .header-container > ul > li:first-child > a.selected > span {background-position: left -200px; background-repeat: repeat-x; color: #333;}
.header-container > ul > li:first-child > a {background-position: left top; padding: 0 0 0 5px;}
.header-container > ul > li:first-child > a > span {display: block; padding: 0 15px 0 10px;}
.header-container > ul > li:first-child a:hover, .header-container > ul > li:first-child > a.selected {background-position: left -150px; background-repeat: no-repeat}
.header-container > ul > li.dropdown > a {}
.header-container > ul > li.dropdown > a > span {background: url(../images/icons/ico-dropdown-menu.png) right center no-repeat; padding-left: 15px;}
.header-container > a {background-position: right -100px; float: right; line-height: 50px; padding: 0 10px;}
.header-container > a:hover {color: #333;}
/*--------------------Drop Down Menu Styles------------------------*/
ul.submenu {display: none; position: absolute; z-index: 2; }
ul.submenu li {line-height: 14px; display: block;}
ul.submenu li a {background: #c6c3c3; display: block; padding: 5px 10px; color: #333; opacity: 0.9; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); border: 1px solid #aeaeae; border-width: 0 1px 1px;}
ul.submenu li.last a{ -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
ul.submenu li a:hover {background: #909090; color: #f1f1f1; opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
/*--------------------Style For Logout Menu----------------------*/
.header-container > ul.logout {float: right; width: auto;}
.header-container > ul.logout > li {background-position: right -100px; padding: 0;}
.header-container > ul.logout > li > a{background: none; padding: 0 15px 0 0;}
.header-container > ul.logout > li > a:hover{}
.header-container > ul.logout > li > a.logout-lnk{background: url(../images/backgrounds/bg-mmenu-logout.gif) no-repeat; width: 48px; padding: 0; overflow: hidden; text-indent: -10000px;}
.header-container > ul.logout > li > a.logout-lnk:hover{background-position: left bottom;}
/*--------------------Style For Page Title----------------------*/
.title-container, .title-content-inner, .title-content {background: url(../images/backgrounds/bt-title.gif) no-repeat left top;}
.title-container {padding-left: 5px;}
.title-content-inner{background-position: left -35px; background-repeat: repeat-x;}
.title-content {background-position: right -70px; height: 35px; overflow: hidden;}
/*--------------------Style For Breadcrumbs--------------------*/
.title-content ul {line-height: 35px;}
.title-content ul li{ background: url(../images/backgrounds/bg-title-spacer.gif) no-repeat right top; padding: 0 35px 0 15px; float: left; text-shadow: 1px 1px 0 #fff;}
.title-content ul li:first-child {padding-left: 10px;}
.title-content ul li a {}
/*--------------------Canvas Content Page---------------------*/
.area {background: #fff; border-width: 0 1px; border-style: solid; border-color: #d8d8d8;}
.area .area-content {width: auto; padding: 10px 10px 5px; overflow: hidden;}
.area-bottom, .area-bottom-inner, .area-bottom-main {background: url(../images/backgrounds/bg-area-bottom.gif) no-repeat left top; height: 5px; overflow: hidden;}
.area-bottom {padding-left: 5px;}
.lbottom {width: 397px; margin: 0 auto;}
.area-bottom-inner {background-position: left -5px; background-repeat: repeat-x;}
.area-bottom-main {background-position: right -10px;}
/*--------------------Canvas Styles For Page With Tabs---------------------*/
.tabbed-area{border: 1px solid #bebebe; padding: 10px; margin-top: -1px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
.tabbed-area table {}
/*--------------------Style For Main Tabs-----------------------*/
.tabs {width: 100%; overflow: hidden;}
.tabs ul {}
.tabs ul li {float: left; margin:0 2px 0 0; border: 1px solid #bebebe; border-width: 1px 1px 0; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; border-top-left-radius: 5px;}
.tabs ul li a, .tabs ul li.selected a, .tabs ul li span {display: block; padding: 10px 15px; font-weight: bold;}
.tabs ul li a {background: url(../images/backgrounds/bg-tabs-link.gif) repeat-x left bottom; }
.tabs ul li.selected {border-bottom: 1px solid #fff; background: #fff;}
.tabs ul li.selected a, .tabs ul li span {color: #555; background: none;}
/*----------Style for Multicomns Canvas---------------------------*/
.columbed-canvas table {width: 100%; max-width: 100%;}
.columbed-canvas table td{padding: 0 0 0 20px; vertical-align: top;}
.columbed-canvas table td:first-child{padding-left: 0;}
/*--------------------Two columned Canvas----------------------*/
.columbed-canvas table.two-columbed td.column{width: 50%;}
/*-------------Style Fo Edit Popup---------------*/
.property-popup {}
.property-popup .title-container, .property-popup .title-content-inner, .property-popup .title-content {background: url(../images/backgrounds/bt-title.gif) left -35px repeat-x ;}
.property-popup .area-bottom, .property-popup .area-bottom-inner, .property-popup .area-bottom-main {background: url(../images/backgrounds/bg-area-bottom.gif) repeat-x left -5px;}
.property-popup .area-bottom {border-left: 1px solid #cbcbcb;}
.property-popup .area-main {border-right: 1px solid #cbcbcb;}
/*--------------------Actions Buttons----------------------*/
.actions {width: 100%; overflow: hidden; padding-bottom: 10px;}
.actions .btn-base {float: left; margin-left: 10px; min-width: 100px}
.actions .btn-base:first-child {margin-left: 0;}
.bottom {padding: 10px 0 0;}
/*--------------------Style For Table With Listing Items-----------------------*/
table.listing {width: 100%;}
table.listing th, table.listing td {padding: 10px; vertical-align: top; border-bottom: 1px solid #bebebe;}
table.listing th {text-align: left; background: #ececec; border-top: 1px solid #bebebe; color: #555; text-shadow: 1px 1px 0 #fff;}
table.listing td {background: #f9f9f9;}
table.listing td.check {width: 16px; padding: 9px 10px;}
table.listing td.actions {padding: 5px 10px;}
table.listing td.no-data {text-align: center;}
table.listing  tr.light td {background: #fefefe;}
/*-------------------Style For Filter Row------------------------------------*/
table.listing  tr.filters td {vertical-align: middle;}
table.listing  tr.filters td .input-w100 {}
table.listing  tr.filters td input[type="text"], table.listing  tr.filters td select {padding: 2px 5px; width: 99%;}
table.listing  tr.filters td select {}
/*-------------------Style For Actions At Listing Table-----------------------*/
.actions a.ico {float:left; margin-left: 5px; }
.actions a.ico:first-child {margin-left: 0; }
/*-------------------General Style For Manage Content------------------*/
table.manage {width: 100%;}
table.manage tr td {padding: 10px; background: #f9f9f9; border-bottom: 1px solid #bebebe;}
table.manage tr:first-child td{border-top: 1px solid #bebebe;}
table.manage tr td:first-child {width: 15%; vertical-align: top;}
table.manage tr td:first-child label{padding-top: 7px; display: block;}
table.manage tr.manage-section-title td {background: #eee; font-weight: bold; padding: 0;}
table.manage tr.manage-section-title td p {padding: 10px; border: 1px solid #fff; border-width: 1px 0;}
table.manage input[type="text"], table.manage textarea, table.manage input[type="password"] {width: 98%;} 
table.manage select {width: 99%;}
table.manage label {font-weight: bold;} 
table.manage label span {color: #d13333;}
/*--------------------Style For Dublicate Actions----------------------------------------------*/ 
table.manage tr.manage-section-title td.dublicate-actions {}
table.manage tr.manage-section-title td.dublicate-actions p {padding: 5px 10px;}
/*-------------------Style For Radiobutton and Checkbox With Label --------------------*/
table.manage td.inline-elemets label {font-weight: normal; float: left; line-height: 16px; padding: 0 15px 0 5px;} 
table.manage td.inline-elemets.inner-table label {padding-top: 0;} 
table.manage td.inline-elemets input, table.manage td.inline-elemets span {float: left} 
/*-------------------Style For Inner Table-------------------*/
table.manage td.inner-table {padding: 0; border-width: 0;} 
table.manage td.inner-table table {width: 100%;} 
table.manage td.inner-table tr td, table.manage td.inner-table tr td:first-child {width: 20%; text-align: center; } 
table.manage td.inner-table tr:first-child td {border-width: 0 0 1px;} 
table.manage td.inner-table tr td label {display: block; padding-top: 5px; font-weight: normal;}
/*-------------------------------------*/
table.manage td.notes-elemets tr td {width: 100%; text-align: left; }
table.manage td.notes-elemets tr td:first-child {width: 100px; padding-right: 0;}
table.manage td.notes-elemets td:first-child label {float: left;}
table.manage td.notes-elemets td input {}
/*-------------------Style For Dublicate Fields------------------*/
table.manage td.duplicate table {}
table.manage td.duplicate table tr td, table.manage td.duplicate table tr td:first-child {width: auto; text-align: left; vertical-align: top;}
table.manage td.duplicate table tr td.actions {width: 24px;}
/*-------------------------------------*/
table.manage tr td.datepicker-icon table tr td:first-child {text-align: left;}
table.manage tr td.datepicker-icon table tr td img, table.manage tr td.datepicker-icon table tr td input {float: left;}
table.manage tr td.datepicker-icon table tr td input {margin-right:10px;}
/*----------Upload thumb settings---------------------------*/
table.manage tr td .upload-thumbs {width: 100%; overflow: hidden; text-align: left;}
table.manage tr td .upload-thumbs input, table.manage tr td .upload-thumbs .thumb {float: none;}
table.manage tr td .upload-thumbs .thumb {padding-top: 10px;}
table.manage tr td .upload-thumbs .thumb p {padding-top: 5px;}
table.manage tr td .thumb {position: relative; float: left;}
table.manage tr td .thumb img {border: 1px solid #707070;}
table.manage tr td .thumb a.delete-item {display: none;}
table.manage tr td .thumb .item-options-hide {background: url(../images/backgrounds/bg-item-options-hide.png); position: absolute; top: 1px; left: 1px; width: 100px; height: 100px;}
/*-----------------Style For Dublicate Blocks------------------------------------------*/
table.dublicate-blocks {}
table.dublicate-blocks tr td { }
table.dublicate-blocks .block {background: #eee; width: 98%; overflow: hidden; padding: 10px ; border: 1px solid #bebebe; border-width: 1px 0; margin-top: 10px;}
table.dublicate-blocks .block:first-child {margin-top: 0;}
table.dublicate-blocks .block .row {width: 99%; overflow: hidden; padding: 5px; border-top: 1px solid #bebebe;}
table.dublicate-blocks .block .row:first-child {border-top: none;}
table.dublicate-blocks .block .row label {float: left; width: 20%; text-align: left;}
table.dublicate-blocks .block .row input {float: left; width: 78%;}
table.dublicate-blocks .block .row .btn-base {float: left; width: 100px; margin-top: 5px;}
/*----------Canvas For Manage Page With Sidebar---------------------------*/
.colubed-area {width: 100%; height: 100%; position: relative; z-index: 1;}
.colubed-area .column {float: left; width: 100%; margin-left: -250px;}
.colubed-area .column:first-child {width: 250px; margin: 0 10px -10px -10px; position: relative; z-index: 2;}
.colubed-area .column .container {margin-left: 250px;}
/*----------Style For Sidebar Menu---------------------------*/
ul.lmenu {border-top: 1px solid #cacaca;}
ul.lmenu li {background: #ebebeb; display: block; border-bottom: 1px solid #cacaca;}
ul.lmenu li.last, ul.lmenu li.last  a {-webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px;}
ul.lmenu li a{display: block; padding: 10px; border-right: 1px solid #cacaca;}
ul.lmenu li a:hover {background: #f3f3f3;}
ul.lmenu li a.selected {background: #fff; border-right: 1px solid #fff; color: #666;}
/*----------Item actions on hover---------------------------*/
.item-actions {overflow: hidden; float: right; margin: -1px -1px 0 0;}
.item-actions.extended {}
.item-actions a.ico {background: url(../images/icons/ico-item-actions.png) no-repeat; height: 20px;  width: 21px; float: left;}
.item-actions a.view {background-position: left top;}
.item-actions a.view:hover {background-position: left -60px;}
.item-actions a.edit {background-position: left -20px;}
.item-actions a.edit:hover {background-position: left -80px;}
.item-actions a.delete {background-position: left -40px;}
.item-actions a.delete:hover {background-position: left -100px;}
/*-------------------messagess------------------*/
.message {background: #ffabab; border: 1px solid #f05151; padding: 5px 0; color: #d13333; width: 100%; overflow: hidden; margin-bottom: 10px;}
.message .messages-text  {float: left; padding: 0 0 0 5px; width: 93%; line-height: 16px;}
.message.success  {background-color: #dbffd1; border-color: #8ddc78; color: #3da122}
.message.notice  {background-color: #b5edff; border-color: #82c3d8; color: #1084a9}
.message p {line-height: 16px;}
.message span.ico {background: url(../images/icons/ico-message.png) no-repeat; float: left; width: 16px; height: 16px; margin-left: 5px; overflow: hidden; text-indent: -10000px;}
.message span.ico.success {background-position: 0 -16px;}
.message span.ico.notice {background-position: 0 -32px;}
.message a.close {background: url(../images/icons/ico-close.png) no-repeat; float:right; width: 16px; height: 16px; text-indent: -10000px; margin-right: 5px;}
.message a.close:hover {background-position: left bottom;}
/*------------------------------------------*/
.dublicate-blocks .message p {text-align: left;}
/*-------------------messagess in login form------------------*/
.lform .message .messages-text  {float: left; padding: 0 0 0 5px; width: 330px; line-height: 16px;}
/*--------------pagination-----------------------*/
.pagination {width: 100%; overflow: hidden; padding-top: 10px;}
.pagination .select-items {padding-bottom: 10px;}
.pagination p {}
.pagination ul {width: 100%; overflow: hidden; padding-bottom: 10px;}
.pagination ul:first-child {padding-bottom: 0;}
.pagination ul li {float: left; padding-left: 5px;}
.pagination ul li:first-child {padding-left: 0;}
.pagination ul li a, .pagination ul li span {background: #f3f3f3; border: 1px solid #bebebe; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: block; padding: 5px 10px; color: #787878;}
.pagination ul li a:hover, .pagination ul li span {background: #c9c9c9; border-color: #888; color: #333;}
.pagination ul li a.disabled, .pagination ul li span.disabled {background: #f1f1f1; border-color: #d3d3d3; color: #999;}

/*---------------Custom Messages------------------*/
#main-message {}
.custom-message .container {background: #fff; padding: 20px 20px 0; border: 1px solid #bebebe; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: relative}
.custom-message .container a.close-message {position: absolute; top: -5px; right: -5px;}
.custom-message .container p {padding: 0 0 20px;}