/*
	Base Styling

	1. Fonts
	2. Headers & Text
	3. Box Styles
	4. Buttons
	5. Links
	6. Form Elements
	7. Forms
	8. Table
	9. Lists
	10. Tabs
	11. Paging
	12. Star Ratings
	13.	Breadcrumbs
	14. Warning and Info Boxes
	15. Content Rotator

*/


/*#region 1. Fonts*/


/*#endregion*/


/*#region 2. Headers & Text */

body {font-family:Myriad Pro, helvetica, Sans-Serif;font-size:12px;}

h1 {font-size:36px;margin:0;color:#656565;}
h2 {font-size:22px;margin:0;color:#656565;}
h3 {font-size:22px;margin:0;color:#656565;}
h4 {font-size:18px;margin:0;color:#656565;}
h5 {font-size:16px;margin:0;color:#656565;}
h6 {font-size:14px;margin:0;color:#656565;}

p {line-height:1.4em;color:#656565;margin:0;}
p + p {margin-top:10px;}

* + h2 {margin-top:20px;}
* + h3 {margin-top:10px;}

h3 strong{color:#c91129}

/*#endregion*/


/*#region 3. Box Styles */

/* Box */
div.box {position:relative;padding:70px 10px 10px;min-height:100px;margin-bottom:20px;border:solid 1px #111;background:#fff;}
div.box div.boxTitle {position:absolute;left:0px;top:0px;width:618px;height:40px;padding:0 10px;line-height:40px;}                     

/* Box - Primary */
div.box.primary {padding-top:80px;border:solid 1px #111;background:#fff;}
div.box.primary div.boxTitle {background:#111;}
div.box.primary div.boxTitle h2 {color:#fff;}


/* Sidebar Box */
div.sidebarBox {position:relative;padding:60px 10px 10px;margin-bottom:20px;border:solid 1px #111;background:#fff;}
div.sidebarBox div.boxTitle {position:absolute;top:-1px;left:-1px;width:277px;height:40px;padding:0 10px;line-height:40px;}  

/* Sidebar Box - Primary */
div.sidebarBox.primary {border:solid 1px #111;background:#fff;}
div.sidebarBox.primary div.boxTitle {background:#111;border:solid 1px #111;}
div.sidebarBox.primary div.boxTitle h2 {color:#fff;}


/* Floating Box */
div.floatingBox {position:relative;padding:70px 10px 10px;min-height:100px;margin-bottom:20px;border:solid 1px #2b506d;background:rgba(255,255,255,0.5);color:#373535;}
div.floatingBox div.boxTitle {position:absolute;top:-1px;left:-1px;width:618px;height:70px;padding:0 10px;line-height:66px;}           
div.floatingBox div.boxTitle h2 {color:#333;}

/* Floating Box - Primary */
div.floatingBox.primary {padding-top:80px;border:solid 1px #2b506d;background:rgba(255,255,255,0.5);}
div.floatingBox.primary div.boxTitle {background:#2b506d;border:solid 1px #2b506d;}
div.floatingBox.primary div.boxTitle h2 {color:#fff;}


/*#endregion*/


/*#region 4. Buttons*/

/* Standard */
input.button, a.button {padding:10px 25px;font-size:22px;font-weight:bold;cursor:pointer;border:none;background:#e24d38;color:#fff;}
input.button:hover, a.button:hover {background:#bb291d;}

a.button {display:inline-block;line-height:12px;text-decoration:none;}
a.button:hover {text-decoration:none;color:#fff;}

/* Primary Button */
input.button.primary, a.button.primary {background:#c91129;color:#fff;}
input.button.primary:hover, a.button.primary:hover {background:#f5233e;}

/* Button Sizes */
input.button.xlarge, a.button.xlarge {padding:30px 25px;font-size:28px;}
input.button.large, a.button.large {padding:20px 25px;font-size:22px;}
input.button.small, a.button.small {padding:10px 25px;font-size:18px;}
input.button.tiny, a.button.tiny {padding:5px 25px;font-size:16px;}


/* Icon Button */
a.button.icon i {font-size:10px;margin-right:10px;}

a.button.xlarge i {font-size:14px;}
a.button.large i {font-size:12px;}
a.button.small i {font-size:9px;}
a.button.tiny i {font-size:8px;}

a.button.primary.icon i {color:#fff;}


/*#endregion*/


/*#region 5. Links */

a {color:#e24d38;text-decoration:underline;}
a:hover {text-decoration:underline;color:#e24d38;}

a.secondary {color:#333;text-decoration:none;}
a.secondary:hover {text-decoration:underline;}

/* remove link borders */
a, a:active, a:focus {outline-style:none !important;}
a { _noFocusLine: expression(this.hideFocus=true); } /* For IE7 to hide outline */
a img {border:none;}


/* Tooltip */
a.tooltip {color:#02a8dd;text-decoration:none;display:inline-block;border-bottom:1px dashed #02a8dd;padding-bottom:1px;}
a.tooltip:hover {text-decoration:none;}

div.tooltip {padding:10px;border:1px solid #aaa;border-radius:5px;max-width:200px;background:#fff;}

div.tooltip.top {margin-top:-10px;}
div.tooltip.bottom {margin-top:10px;}

div.tooltip.left {margin-left:-10px;}
div.tooltip.right {margin-left:10px;}


div.tooltip div.arrow {position:absolute;width:0;height:0;}
div.tooltip div.arrow:after {content:"";position:absolute;width:0;height:0;}

div.tooltip.top div.arrow {bottom:-7px;left:50%;margin-left:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:7px solid #aaa;}
div.tooltip.top div.arrow:after {margin-left:-6px;bottom:1px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;}

div.tooltip.bottom div.arrow {top:-7px;left:50%;margin-left:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:7px solid #aaa;}
div.tooltip.bottom div.arrow:after {margin-left:-6px;top:1px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;}

div.tooltip.left div.arrow {right:-7px;top:50%;margin-top:-8px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:7px solid #aaa;}
div.tooltip.left div.arrow:after {margin-top:-6px;right:1px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #fff;}

div.tooltip.right div.arrow {left:-7px;top:50%;margin-top:-8px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:7px solid #aaa;}
div.tooltip.right div.arrow:after {margin-top:-6px;left:1px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #fff;}


/* Modal Popup */
a.modalpopup {color:#e24d38;text-decoration:none;display:inline-block;border-bottom:1px dashed #e24d38;padding-bottom:1px;}
a.modalpopup:hover {text-decoration:none;color:#e24d38;}

div.overlay {position:fixed;top:0;left:0;bottom:0;right:0;background:#000;opacity:0.6;z-index:15;}
div.modalpopup {position:absolute;background:#fff;padding:20px;z-index:16;}

div.modalpopup a.close {position:absolute;top:-10px;right:-10px;display:block;width:22px;height:22px;color:#fff;border-radius:22px;background:#fff;}
div.modalpopup a.close:hover {text-decoration:none;}

div.modalpopup a.close:after {content:"x";display:block;position:absolute;top:1px;right:1px;height:20px;width:20px;
								line-height:20px;text-align:center;font-weight:bold;background:#333;border-radius:22px;}

div.modalpopup a.close:hover:after {background:#555;}
/*#endregion*/


/*#region 6. Form Elements */

label {color:#656565;}
label span {width:150px;display:inline-block;}

input.textbox {width:200px;padding:9px 10px 9px 6px;border:solid 1px #aaa;color:#656565;height:17px;}

input.textbox.xlarge {width:400px;}
input.textbox.large {width:300px;}
input.textbox.small {width:134px;}
input.textbox.tiny {width:80px;}
input.textbox.error {background-color: #ecd0d0 !important;}

/* textbox with icons */
div.textbox.icon {position:relative;display:inline-block;white-space:nowrap;}
div.textbox.icon i {background:#ddd;border:1px solid #aaa;height:35px;width:28px;line-height:35px;text-align:center;}
div.textbox.icon input.textbox {display:inline-block;margin-left:0;vertical-align:top;}


div.textbox.icon.left {padding-left:28px;}
div.textbox.icon.left i {position:absolute;top:0;left:0;}
div.textbox.icon.left input.textbox {border-top-left-radius:0;border-bottom-left-radius:0;}

div.textbox.icon.right {padding-right:28px;}
div.textbox.icon.right i {position:absolute;top:0;right:0;}
div.textbox.icon.right input.textbox {border-top-right-radius:0;border-bottom-right-radius:0;}


div.textbox.icon.embedded i {background:#fff;border:1px solid #aaa;}

div.textbox.icon.left.embedded i {border-right:none;}
div.textbox.icon.right.embedded i {border-left:none;}


input.checkbox {position:relative;top:2px;}
input.radio {position:relative;top:2px;}

select {color:#656565;border:solid 1px #aaa;padding:8px 10px 10px 4px;margin:0px;}

select.large {width:250px;}
select.small {width:80px;}

textarea {border:solid 1px #ddd;padding:5px;color:#333;width:300px;}

/* remove inpout borders */
input, input:active, input:focus {outline-style:none !important;}
input { _noFocusLine: expression(this.hideFocus=true); } /* For IE7 to hide outline */

/*#endregion*/


/*#region 7. Date Picker */

div.ui-datepicker {border-radius:5px;border:2px solid #ddd;background:#fff;width:600px;}

/* Header */
div.ui-datepicker-header {height:30px;line-height:30px;text-align:center;border-top-left-radius:3px;border-top-right-radius:3px;background:#333;color:#fff;}
div.ui-datepicker-header a {position:absolute;top:0;width:30px;height:30px;cursor:pointer;font-family:'Glyphicons';text-decoration:none;color:#fff;}
div.ui-datepicker-header a:hover {background:#444;}
div.ui-datepicker-header a span {display:none;}
div.ui-datepicker-header a.ui-state-disabled {cursor:not-allowed;color:#bbb;}
div.ui-datepicker-header a.ui-state-disabled:hover {background:#333;}

div.ui-datepicker-header a.ui-datepicker-prev {left:0;border-top-left-radius:3px;}
div.ui-datepicker-header a.ui-datepicker-prev:before {content:"\e225";}
div.ui-datepicker-header a.ui-datepicker-next {right:0;border-top-right-radius:3px;}
div.ui-datepicker-header a.ui-datepicker-next:before {content:"\e224";}

div.ui-datepicker-header div {height:30px;line-height:32px;font-size:14px;}


/* table */
table.ui-datepicker-calendar {border-collapse:collapse;}
table.ui-datepicker-calendar td a {text-decoration:none;color:#333;}

table.ui-datepicker-calendar td, table.ui-datepicker-calendar th {width:30px;height:30px;text-align:center;}
table.ui-datepicker-calendar td {border:1px solid #ccc;background:#eee;cursor:pointer;}
table.ui-datepicker-calendar td:hover {background:#555;}
table.ui-datepicker-calendar td:hover a {color:#ffffff;}

table.ui-datepicker-calendar td.ui-datepicker-current-day {background:#333;color:#ffffff;}
table.ui-datepicker-calendar td.ui-datepicker-current-day a {color:#ffffff;}

table.ui-datepicker-calendar td.ui-datepicker-days-cell-over {background:#333;color:#ffffff;}
table.ui-datepicker-calendar td.ui-datepicker-days-cell-over a {color:#fff;}

table.ui-datepicker-calendar td.ui-datepicker-week-end {background:#ddd;}
table.ui-datepicker-calendar td.ui-datepicker-week-end:hover {background:#555;}

table.ui-datepicker-calendar td.ui-state-disabled {cursor:not-allowed;border:1px solid #e5e5e5;background:#f7f7f7;color:#ccc;}

table.ui-datepicker-calendar td.ui-datepicker-other-month {cursor:auto;border:none;background:#fff;}



/*#endregion*/


/*#region 7. Forms */

/* standard form */
div.form fieldset {border:none;}
div.form fieldset legend {font-size:12px;font-weight:bold;padding:0 10px;}

div.form fieldset dl {width:100%;}
div.form fieldset dt {clear:left;width:100px;float:left;padding-top:7px;}
div.form fieldset dt label {color:#333;font-size:12px;}

div.form fieldset dd {margin:8px 0;}
div.form fieldset dd label.checkboxLabel {display:block;padding-top:3px;color:#333;}

/* grouped form */
div.form.grouped dd {clear:both;float:left;margin:0 0 15px;}
div.form.grouped dt {padding-top:0;margin-bottom:2px;}

div.form.grouped dd label.checkboxLabel {padding-top:0;}

/*#endregion*/


/*#region 8. Table */

/* Def Styling */
table.def {width:100%;border-collapse:separate;border-spacing:0px;color:#333;}

table.def th {text-align:left;color:#fff;padding:5px 0px;background:#c91129;}
table.def th:first-child {padding-left:5px;}
table.def td {padding:10px 5px;border-color:#ccc;background:#fff;}

table.def .right {text-align:right;}


/* Borders */
table.def th:first-child {}
table.def th:last-child {}

table.def tr td:first-child {}
table.def tr td:last-child {}

table.def tr:last-child td:first-child {}
table.def tr:last-child td:last-child {}


/* Striped */
table.def.striped tr:nth-child(odd) > td {background:#ddd;}
table.def.striped tr.highlight td {background:#ddd;}


/* Hover */
table.def.hover tr:hover td {background:#ddd;}


/*#endregion*/


/*#region 9. Lists */

ul {padding:0 0 0 10px;color:#656565}
ol {padding:0 0 0 10px;color:#656565}

/*#endregion*/


/*#region 10. Tabs */


/* standard */
div.tabs ul {padding:0;margin:0;}
div.tabs ul li {display:inline;}

div.tabs ul li a {float:left;display:block;height:30px;width:100px;text-align:center;border:1px solid #ddd;border-right:none;
						line-height:30px;color:#333;}
div.tabs ul li a:hover {text-decoration:none;background:#ddd;}

div.tabs ul li:first-child a {border-top-left-radius:5px;}
div.tabs ul li:last-child a {border-top-right-radius:5px;border-right:1px solid #ddd;}

div.tabs ul li.selected a {background:#ddd;}


/* radio */
div.tabs.radio ul li a {width:72px;text-align:left;padding-left:30px;background:url(/themes/basic/images/sprite.png) no-repeat -570px -30px;}
div.tabs.radio ul li a:hover {text-decoration:none;background:#ddd url(/themes/basic/images/sprite.png) no-repeat -570px -30px;}

div.tabs.radio ul li.selected a {background:#ddd url(/themes/basic/images/sprite.png) no-repeat -570px 0;}


/* tabbed box */
div.tabbedBox {position:relative;padding:10px;min-height:150px;margin:36px 0 20px;border:solid 1px #aaa;
				border-radius:5px;border-top-left-radius:0px;background-color:#fff;}

div.tabbedBox div.tabs {position:absolute;top:-38px;left:-1px;width:100%;height:36px;}

div.tabbedBox div.tabs ul li a {border:1px solid #aaa;border-left:none;background:#ddd;border-bottom:none;height:36px;
                                border-top-left-radius:5px;border-top-right-radius:5px;line-height:36px;}
div.tabbedBox div.tabs ul li a:hover {height:36px;line-height:36px;background:#fff;position:relative;
                                      border-bottom:1px solid #fff;}

div.tabbedBox div.tabs ul li.selected a {height:36px;line-height:36px;background:#c91129;position:relative;
                                         border-bottom:1px solid #c91129;color:#fff;}
div.tabbedBox div.tabs ul li:first-child a {border-left:1px solid #aaa;}


/*#endregion*/


/*#region 11. Paging */

div.paging ul {padding:0;}
div.paging ul li {display:inline;}

div.paging ul li a {float:left;display:block;height:24px;width:24px;text-align:center;border:1px solid #ddd;border-right:none;
						line-height:24px;color:#333;text-decoration:none;}
div.paging ul li.totalpages {height:24px;margin-left:10px;line-height:24px;color:#333;text-decoration:none;}
						
div.paging ul li a:hover {text-decoration:none;background:#ddd;}

div.paging ul li.current a {background:#c91129;color:#fff;}

div.paging ul li.prev a {border-top-left-radius:5px;border-bottom-left-radius:5px;font-family:'Glyphicons';}
div.paging ul li.prev a:before {content:"\e225";}
div.paging ul li.disabled a {background:#ddd;cursor:default;}

div.paging ul li.next a {border-top-right-radius:5px;border-bottom-right-radius:5px;border-right:1px solid #ddd;font-family:'Glyphicons';}
div.paging ul li.next a:before {content:"\e224";}

/*#endregion*/


/*#region 12. Star Ratings */

span.rating {font-family:'Glyphicons';font-style:normal;display:inline-block;font-size:16px;color:#C91229;
				letter-spacing:3px;height:16px;line-height:16px;}

span.rating.star1:before {content:"\e050";}
span.rating.star2:before {content:"\e050\e050";}
span.rating.star3:before {content:"\e050\e050\e050";}
span.rating.star4:before {content:"\e050\e050\e050\e050";}
span.rating.star5:before {content:"\e050\e050\e050\e050\e050";}

span.rating.half:after {content:"\e050";display:inline-block;width:8px;overflow:hidden;}

span.rating.small {font-size:11px;letter-spacing:1px;height:11px;line-height:11px;}
span.rating.small.half:after {width:6px;}

/*#endregion*/


/*#region 13. Breadcrumbs */

div.breadcrumbs ul {padding:0;margin: 40px 0px;}
div.breadcrumbs ul li {display:inline-block;}
div.breadcrumbs ul li span.divider {display:none;}

div.breadcrumbs ul li a{text-decoration:none;margin-right:36px;font-weight:bold;color:#656565;font-size:15px;}
div.breadcrumbs ul li a:last-child{margin-right:0px;}

div.breadcrumbs ul li.previous a {color:#555;}
div.breadcrumbs ul li.previous a:hover {color:#888;}



div.breadcrumbs ul li.future a {color:#ccc;cursor:default;}
div.breadcrumbs ul li.future a:hover {text-decoration:none;}
div.breadcrumbs ul li.future span.divider {border-left-color:#ccc;}


/*#endregion*/


/*#region 14. Warning and Info Boxes */

/* 14.1 general */
div.infobox {padding:20px;border-radius:5px;width:920px;margin:10px auto 20px auto;}

div.infobox p {line-height:30px;}
div.infobox p.icon i {font-size:30px;line-height:30px;vertical-align:middle;margin-right:20px;}

div.infobox a.close {display:block;float:right;height:30px;line-height:30px;font-family:helvetica, arial;font-weight:bold;
						font-size:18px;opacity:0.2;color:#000;}
div.infobox a.close:hover {opacity:0.4;text-decoration:none;}


/* 14.2 warning */
div.infobox.warning {background:#f2dede;border:1px solid #eed3d7;}
div.infobox.warning p {color:#b94a48;}


/* 14.3 information */
div.infobox.information {background:#d9edf7;border:1px solid #bce8f1;}
div.infobox.information p {color:#3a87ad;}


/* 14.4 success */
div.infobox.success {background:#dff0d8;border:1px solid #d6e9c6;}
div.infobox.success p {color:#468847;}


/*#endregion*/

/*#region 15. Content Rotator */
 
div.rotatorBox div.rotatorBoxContent {position:relative;overflow:hidden;}
div.rotatorBox div.itemHolder {position:absolute;}
 
div.rotatorBox a.scroller {position:absolute;top:50%;display:inline-block;width:30px;height:30px;line-height:30px;z-index:200;margin-top:-20px;border-radius:20px;
							cursor:pointer;text-align:center;text-decoration:none;font-family:'Glyphicons';background:#fff;color:#444;opacity:0.4;}
div.rotatorBox a.scroller:hover {opacity:0.7;}
 
div.rotatorBox a.scroller.left {left:20px;font-size:16px}
div.rotatorBox a.scroller.left:before {content:"\e225";}	
 
div.rotatorBox a.scroller.right {right:20px;font-size:16px}
div.rotatorBox a.scroller.right:before {content:"\e224";}
 
/*#endregion*/

/*#region 15. Slider */

div.slider {position:relative;border:solid 1px #bbb;background:#ddd;border-radius:4px;height:6px;width:220px;box-shadow:inset 0 1px 2px #bbb;margin:30px 5px 0;}
div.slider label.start {position:absolute;left:-5px;top:-20px;}
div.slider label.end {position:absolute;right:-5px;top:-20px;}


a.sliderbutton {display:block;position:absolute;top:-5px;width:12px;height:12px;border:solid 1px #ccc;border-radius:6px;background:#fff;cursor: pointer;
                background:#fff;
                background:-moz-linear-gradient(top, #fff 0%, #ddd 100%);
				background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ddd));
				background:-webkit-linear-gradient(top, #fff 0%,#ddd 100%);
				background:-o-linear-gradient(top, #fff 0%,#ddd 100%);
				background:-ms-linear-gradient(top, #fff 0%,#ddd 100%);
				background:linear-gradient(to bottom, #fff 0%,#ddd 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#ddd',GradientType=0 );}
a.sliderbutton:after {content: " ";display:block;height:4px;width:4px;border-radius:2px;background:#555;position:absolute;top:4px;left:4px;}

div.slider div.highlight {height:4px;position:absolute;top:0;border-radius:4px;border:solid 1px #bdcb3a;background:#D9E56A;
							background:-moz-linear-gradient(top, #bdcb3a , #D9E56A );
							background:-webkit-gradient(linear, left top, left bottom, from(#bdcb3a), to(#D9E56A));
							background:-webkit-linear-gradient(top, #bdcb3a, #D9E56A );
							background:-o-linear-gradient(top, #bdcb3a, #D9E56A );
							background:-ms-linear-gradient(top, #bdcb3a, #D9E56A );
							background:linear-gradient(to bottom, #bdcb3a, #D9E56A );
							filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdcb3a', endColorstr='#D9E56A',GradientType=0 );} 

#divSidebar div.slider {width:255px;}

#divSidebar p.displayrange{font-size:16px;text-align:center;}	
/*#endregion*/