/********************************      General Classes      ********************************/

.clear {
                clear: both;
                }
				
.align-left {
                float: left;
                }
				
.align-right {
                float: right;
                }

.column-left {
                width: 48%;
                float: left;
                }

.column-right {
                width: 48%;
                float: right;
                }

/*************** Notifications ***************/

.notification {
                position: relative;
                margin: 0 0 15px 0;
                padding: 0;
                border: 1px solid;
                background-position: 10px 11px !important;
                background-repeat: no-repeat !important;
                font-size: 13px;
                width: 99.8%;
                }
                

.notification.attention {
                background: #fffbcc url('/images/admin/icons/exclamation.png') 10px 11px no-repeat;
                border-color: #e6db55;
                color: #666452;
                }

.notification.information,
.notification.notice {
                background: #dbe3ff url('/images/admin/icons/information.png');
                border-color: #a2b4ee;
                color: #585b66;
                }

.notification.success {
                background: #d5ffce url('/images/admin/icons/tick_circle.png');
                border-color: #9adf8f;
                color: #556652;
                }

.notification.error {
                background: #A797C0 url('/images/admin/icons/cross_circle.png');
                border-color: #6E598F;
                color: #fff;
                }

.notification div {
                display:block;
                font-style:normal;
                padding: 10px 10px 10px 36px;
                line-height: 1.5em;
                }

.notification .close {
                color:#990000;
                font-size:9px;
                position:absolute;
                right:5px;
                top:5px;
                }
                
/************ Table ************/

#main_content table,
#content table {
                width: 100%;
                border-collapse: collapse;
                }

#main_content table colgroup col.checkbox {
  width: 5%;
}

#main_content table colgroup col.updated-at {
  width: 175px;
}

#main_content table colgroup col.actions {
  width: 80px;
}

#main_content table thead th,
#content table thead th {
                font-weight: bold;
                font-size: 15px;
                border-bottom: 1px solid #ddd;
                }

#main_content tbody,
#content tbody {
                border-bottom: 1px solid #ddd;
                color: #555;
                }

#main_content tbody tr,
#content tbody tr {
                background: #fff;
                }

#main_content tbody tr.alt-row,
#content tbody tr.alt-row {
                background: #f3f3f3;
                }
#main_content tbody tr.empty td,
#content tbody tr.empty td {
  font-style: italic;
  padding-left: 50px;
}

#main_content table td,
#main_content table th,
#content table td,
#content table th {
                padding: 10px;
                line-height: 1.3em;
                }        

#main_content table tfoot td .bulk-actions {
                padding: 15px 0 5px 0;
                } 

#main_content table tfoot td .bulk-actions select {
                padding: 4px;
				border: 1px solid #ccc;
                }      

#main_content table tfoot td .bulk-actions input.button {
  margin-left: 5px;
/*  width: 100px;*/
}


/*************** Content Box ***************/

.content-box {
                border: 1px solid #ccc;
                margin: 0 0 20px 0;
                background: #fff;
                color: #555;
                }

.content-box-header {
                background: #e5e5e5 url('/images/admin/bg-content-box.gif') top left repeat-x;
                margin-top: 1px;
                height: 40px;
                }

.content-box-header h3 {
                padding: 12px 15px 10px;
                float: left;
                font-size: 17px;
                font-weight: bold;
                }

ul.content-box-tabs {
                float: right;
                padding: 12px 15px 0 0 !important;
				margin: 0 !important;
                }

ul.content-box-tabs li {
                float: left;
                margin: 0;
                padding: 0 !important;
                background-image: none !important;
                }
                
ul.content-box-tabs li a {
                color: #333;
                padding: 8px 10px;
                display: block;
                margin: 1px;
                border-bottom: 0;
                }

ul.content-box-tabs li a:hover {
                color: #57a000;
                }              
                
ul.content-box-tabs li a.current {
                background: #fff;
                border: 1px solid #ccc;
                border-bottom: 0;
                margin: 0;
                }

.content-box-content {
                padding: 20px;
                font-size: 13px;
                border-top: 1px solid #ccc;
                }

/* content-box clear style */
.content-box.no-background {
                border: 1px solid #ccc;
                background: none;
                color: #666;
                }

.content-box.no-background .content-box-header {
                background: none;
                }

.content-box.no-background ul.content-box-tabs li a {
                color: #333;
                }

.content-box.no-background ul.content-box-tabs li a:hover {
                color: #57a000;
                }              

.content-box.no-background ul.content-box-tabs li a.current {
                background: #fff;
                border: 1px solid #ccc;
                }

.content-box.no-background .content-box-content {
                border-top: none;
                }

#content .content-box.no-background .content-box-content  tbody tr.alt-row {
  background: #ddd;
}
#content .content-box.no-background .content-box-content  tbody tr {
  background: #eee;
}


/* content-box grey style */
.content-box.grey {
                border: 1px solid #ccc;
                background: #eee;
                color: #666;
                }

.content-box.grey .content-box-header {
                background: none;
                }

.content-box.grey ul.content-box-tabs li a {
                color: #333;
                }

.content-box.grey ul.content-box-tabs li a:hover {
                color: #57a000;
                }              

.content-box.grey ul.content-box-tabs li a.current {
                background: #fff;
                border: 1px solid #ccc;
                }

.content-box.grey .content-box-content {
                border-top: none;
                }

/*.content-box.no-padding .content-box {
  border: none;
}

.content-box.no-padding .content-box .content-box-header {
  background: none;
}

.content-box.no-padding .content-box-content {
  padding: 2px;
}

.content-box.no-padding .content-box-content .content-box .content-box-content {
  padding: 20px;
}*/



/************ Button ************/
.button {
				font-family: Verdana, Arial, sans-serif;
                display: inline-block;
                background: #459300 url('/images/admin/bg-button-green.gif') top left repeat-x !important;
                border: 1px solid #459300 !important;
                padding: 4px 7px 4px 7px !important;
                color: #fff !important;
                font-size: 11px !important;
                cursor: pointer;
                }

.button:hover {
                text-decoration: underline;
                }

.button:active {
/*                padding: 5px 7px 3px 7px !important;*/
                }
                
/*************** Forms ***************/

form label {
                display: block;
                padding: 0 0 10px;
                font-weight: bold;
                }

form fieldset legend {
                font-weight: bold;
                margin-bottom: 10px;
                padding-top: 10px;
                }

form p small {
                font-size: 0.75em;
                color: #777;
                }

form p.disabled label {
  color: #ccc;
}

form p.checkbox-field label,
form p.inline-field label {
  display: inline;
}				

form p .field-with-errors label {
  color: #A797C0;
}

form p .error-message {
  margin-left: 10px;
  background:#A797C0 url(/images/admin/icons/cross_circle.png) no-repeat scroll 2px 3px;
  border: 1px solid #6E598F;
  padding:2px 10px 2px 20px;
  color:#fff;
  white-space: nowrap;
}

form input.text-input,
form select,
form textarea,
form .wysiwyg {
                padding: 6px;
                font-size: 13px;
                background: #fff url('/images/admin/bg-form-field.gif') top left repeat-x;
                border: 1px solid #d5d5d5;
				color: #333;
                }

form input.color-input {
  padding: 6px;
  font-size: 13px;
  background: none;
  border: 1px solid #d5d5d5;
  color: #333;
}

form .small-input {
                width: 25% !important;
                }

form .medium-input {
                width: 50% !important;
                }

form .large-input {
                width: 97.5% !important;
				font-size: 16px !important;
				padding: 8px !important;
                }

form textarea {
                width: 97.5% !important;
                font-family: Arial, Helvetica, sans-serif;
                }

form select {
                padding: 4px;
                background: #fff;
                }

form input[type="checkbox"],
form input[type="radio"] {
				padding: 0;
                background: none;
				border: 0;
                }



/* Notification for form inputs */

.input-notification {
				background-position: left 2px;
				background-repeat: no-repeat;
				padding: 2px 0 2px 22px;
				background-color: transparent;
				margin: 0 0 0 5px;
				}

/* Notification for login page */

#login-wrapper #login-content .notification {
				border: 0;
				background-color: #141414;
				color: #fff !important;
				}

#main_content #flash_messages ul {
  list-style: none;
}

#main_content #flash_messages ul li {
  background: none;
  padding: 4px 0 4px 0px;
}