body, div.xt_touch, div.preview {
font-family: "Helvetica Neue", Arial, sans-serif;
background-color: /*$bc*/#e7e7e7/*e*/;
}
a:visited, a:link, a {
color: /*$hc*/#5699e1/*e*/;
}
/* @XT_title: Footer */
.xt_navigation, .xt_footer {
font-size: 12px;
line-height: 24px;
vertical-align: middle;
background-color: /*$cbc*/#010101/*e*/;
color: /*$cc*/#fefefe/*e*/;
}
/* @XT_title: Navigation */
.xt_navigation {
border-top: 1px solid /*$hc*/#5699e1/*e*/;
border-bottom: 1px solid /*$hc*/#5699e1/*e*/;
text-align: left;
width: 100%;
}
/* @XT_title: Navigation link */
.xt_navigation span a, .xt_navigation span a:visited, .xt_navigation span a:link {
margin-left: 3px;
display: inline-block;
color: /*$cc*/#fefefe/*e*/;
}
/* @XT_title: Container and blog style */
.xt_container, .xt_blog {
margin: 5px 2px;
border-bottom: 1px dashed /*$mtc*/#444444/*e*/;
background-color: /*$cc*/#fefefe/*e*/;
}
/* @XT_title: Container paragraph */
.xt_container, .xt_container p, .xt_blog p {
font-size: 12px;
color: /*$mtc*/#444444/*e*/;
}
/* @XT_title: Button */
.xt_button, a.xt_button {
background-color: /*$hc*/#5699e1/*e*/;
color: /*$cc*/#fefefe/*e*/;
text-decoration: none;
padding: 3px;
font-weight: bold;
border: 1px solid /*$c_01*/#2066B1/*e*/;
}
/* @XT_title: Blog subtitle */
.xt_blog_subtitle {
font-weight: bold;
}
/* @XT_title: Comments title */
.xt_blog_comments_title, .xt_blog_write_a_comment_title {
display: block;
margin: 4px 0;
font-weight: bold;
color: /*$c_02*/#304E6E/*e*/;
}
/* @XT_title: Comment container */
.xt_blog_comment {
margin-top: 2px;
background-color: /*$c_04*/#F4F4F4/*e*/;
border: 1px solid /*$c_05*/#659AD2/*e*/;
}
/* @XT_title: hide */
.xt_blog_comment .xt_blog_comment_author, .xt_blog_comment .xt_blog_comment_date, .xt_blog_comment .xt_blog_comment_content {
font-size: 11px;
}
/* @XT_title: Comment date style */
.xt_blog_comment .xt_blog_comment_date {
color: /*$c_03*/#777777/*e*/;
}
/* @XT_title: Label style */
.xt_label {
padding-left: 3px;
}
/* @XT_title: Comment style */
.xt_description {
color: /*$c_03*/#777777/*e*/;
margin-left: 2px;
}
/* @XT_title: Comment count style */
.xt_blog_comments_number {
color: /*$c_03*/#777777/*e*/;
}
/* @XT_title: Pagination wrapper */
.xt_pagination {
margin-bottom: 5px;
}
/* @XT_title: Pagination element wrapper */
.xt_pagination span {
margin: 0 2px;
background-color: /*$hc*/#5699e1/*e*/;
}
/* @XT_title: Pagination element inner */
.xt_pagination span a {
padding: 2px;
color: /*$cc*/#fefefe/*e*/;
background-color: /*$hc*/#5699e1/*e*/;
}
/* @XT_title: Inactve and selected pagination element wrapper */
.xt_pagination span.selected, .xt_pagination span.inactive {
color: /*$cbc*/#010101/*e*/;
}
/* @XT_title: Inactive and selected pagination element inner */
.xt_pagination span.selected span, .xt_pagination span.inactive span {
padding: 2px;
}
/* @XT_title: Text color */
.xt_text {
color: /*$mtc*/#444444/*e*/;
}
/* @XT_title: Normal text sizing */
.xt_text.normal {
font-size: 12px;
line-height: 21px;
}
/* @XT_title: Small text sizing */
.xt_text.small {
font-size: 10px;
line-height: 17px;
}
/* @XT_title: Large text sizing */
.xt_text.large {
font-size: 14px;
line-height: 25px;
}
/* @XT_title: Image */
.xt_text img {
/* display: block; */
text-align: center;
margin: 1px auto;
max-width: 100%;
}
/* @XT_title: Heading */
.xt_heading, h1, h2, h3, h4, h5, h6, .xt_touch h1, .xt_touch h2, .xt_touch h3, .xt_touch h4, .xt_touch h5, .xt_touch h6 {
color: /*$hc*/#5699e1/*e*/;
font-weight: bold;
}
h1 {
font-size: 15px;
}
h2 {
font-size: 14px;
}
h3 {
font-size: 13px;
}
h4 {
font-size: 12px;
}
h5 {
font-size: 11px;
}
h6 {
font-size: 10px;
}
/* @XT_title: Header */
.xt_touch .xt_header {
text-align: center;
}
/* @XT_title: Navigation wrapper for touch */
.xt_touch .xt_navigation {
height: auto;
line-height: 42px;
font-size: 14px;
background-color: /*$cbc*/#010101/*e*/;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, /*$c_07*/#5A5A5A/*e*/), color-stop(30%, /*$c_08*/#4E4E4E/*e*/), color-stop(30%, /*$c_09*/#464646/*e*/), color-stop(100%, /*$c_10*/#343434/*e*/));
background-image: -webkit-linear-gradient(/*$c_07*/#5A5A5A/*e*/ 0%, /*$c_08*/#4E4E4E/*e*/ 30%, /*$c_09*/#464646/*e*/ 30%, /*$c_10*/#343434/*e*/ 100%);
background-image: -moz-linear-gradient(/*$c_07*/#5A5A5A/*e*/ 0%, /*$c_08*/#4E4E4E/*e*/ 30%, /*$c_09*/#464646/*e*/ 30%, /*$c_10*/#343434/*e*/ 100%);
background-image: -o-linear-gradient(/*$c_07*/#5A5A5A/*e*/ 0%, /*$c_08*/#4E4E4E/*e*/ 30%, /*$c_09*/#464646/*e*/ 30%, /*$c_10*/#343434/*e*/ 100%);
background-image: -ms-linear-gradient(/*$c_07*/#5A5A5A/*e*/ 0%, /*$c_08*/#4E4E4E/*e*/ 30%, /*$c_09*/#464646/*e*/ 30%, /*$c_10*/#343434/*e*/ 100%);
background-image: linear-gradient(/*$c_07*/#5A5A5A/*e*/ 0%, /*$c_08*/#4E4E4E/*e*/ 30%, /*$c_09*/#464646/*e*/ 30%, /*$c_10*/#343434/*e*/ 100%);
-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.15);
-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.15);
-o-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.15);
box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.15);
border-color: /*$cbc*/#010101/*e*/;
}
/* @XT_title: Navigation element (inner) for touch */
.xt_touch .xt_navigation a {
display: inline-block;
height: 42px;
text-shadow: /*$cbc*/#010101/*e*/ 0px 2px 0px;
color: /*$cc*/#fefefe/*e*/;
text-decoration: none;
padding: 0 10px;
}
/* @XT_title: Navigation element (outer) for touch */
.xt_touch .xt_navigation > span {
display: inline-block;
border-left: 1px solid rgba(0, 0, 0, 0.2);
border-right: 1px solid rgba(255, 255, 255, 0.2);
background-color: /*$cbc*/#010101/*e*/;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, /*$c_07*/#5A5A5A/*e*/), color-stop(30%, /*$c_08*/#4E4E4E/*e*/), color-stop(30%, /*$c_09*/#464646/*e*/), color-stop(100%, /*$c_10*/#343434/*e*/));
background-image: -webkit-linear-gradient(/*$c_07*/#5A5A5A/*e*/ 0%, /*$c_08*/#4E4E4E/*e*/ 30%, /*$c_09*/#464646/*e*/ 30%, /*$c_10*/#343434/*e*/ 100%);
background-image: -moz-linear-gradient(/*$c_07*/#5A5A5A/*e*/ 0%, /*$c_08*/#4E4E4E/*e*/ 30%, /*$c_09*/#464646/*e*/ 30%, /*$c_10*/#343434/*e*/ 100%);
background-image: -o-linear-gradient(/*$c_07*/#5A5A5A/*e*/ 0%, /*$c_08*/#4E4E4E/*e*/ 30%, /*$c_09*/#464646/*e*/ 30%, /*$c_10*/#343434/*e*/ 100%);
background-image: -ms-linear-gradient(/*$c_07*/#5A5A5A/*e*/ 0%, /*$c_08*/#4E4E4E/*e*/ 30%, /*$c_09*/#464646/*e*/ 30%, /*$c_10*/#343434/*e*/ 100%);
background-image: linear-gradient(/*$c_07*/#5A5A5A/*e*/ 0%, /*$c_08*/#4E4E4E/*e*/ 30%, /*$c_09*/#464646/*e*/ 30%, /*$c_10*/#343434/*e*/ 100%);
-moz-box-shadow: 0px -1px 0px 0px /*$cbc*/#010101/*e*/;
-webkit-box-shadow: 0px -1px 0px 0px /*$cbc*/#010101/*e*/;
-o-box-shadow: 0px -1px 0px 0px /*$cbc*/#010101/*e*/;
box-shadow: 0px -1px 0px 0px /*$cbc*/#010101/*e*/;
}
/* @XT_title: hide */
.xt_touch .xt_navigation > span:first-child {
border-left: none;
}
/* @XT_title: hide */
.xt_touch .xt_navigation > span:last-child {
border-right: none;
}
/* @XT_title: Active Navigation element for touch */
.xt_touch .xt_navigation > span.active {
display: inline-block;
height: 42px;
background-color: /*$cbc*/#010101/*e*/;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, /*$c_11*/#0E0E0E/*e*/), color-stop(100%, /*$c_12*/#414141/*e*/));
background-image: -webkit-linear-gradient(/*$c_11*/#0E0E0E/*e*/, /*$c_12*/#414141/*e*/);
background-image: -moz-linear-gradient(/*$c_11*/#0E0E0E/*e*/, /*$c_12*/#414141/*e*/);
background-image: -o-linear-gradient(/*$c_11*/#0E0E0E/*e*/, /*$c_12*/#414141/*e*/);
background-image: -ms-linear-gradient(/*$c_11*/#0E0E0E/*e*/, /*$c_12*/#414141/*e*/);
background-image: linear-gradient(/*$c_11*/#0E0E0E/*e*/, /*$c_12*/#414141/*e*/);
}
/* @XT_title: Container and blog style for touch */
.xt_touch .xt_container, .xt_touch .xt_blog {
margin: 10px;
margin-top: 20px;
padding: 10px;
background-color: /*$cc*/#fefefe/*e*/;
border-bottom: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0px 3px 5px 5px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 3px 5px 5px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0px 3px 5px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0px 3px 5px 5px rgba(0, 0, 0, 0.1);
}
/* @XT_title: Image */
.xt_touch .xt_container .xt_text img, .xt_touch .xt_blog .xt_text img {
border: 3px solid /*$cc*/#fefefe/*e*/;
display: block;
text-align: center;
margin: 8px auto;
}
/* @XT_title: Image shadow */
.xt_touch .xt_container .xt_text img.shadow, .xt_touch .xt_blog .xt_text img.shadow {
-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
-o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
}
/* @XT_title: Normal text sizing for touch */
.xt_touch .xt_text.normal {
font-size: 14px;
line-height: 21px;
}
/* @XT_title: Small text sizing for touch */
.xt_touch .xt_text.small {
font-size: 11px;
line-height: 17px;
}
/* @XT_title: Large text sizing for touch */
.xt_touch .xt_text.large {
font-size: 17px;
line-height: 25px;
}
/* @XT_title: Button for touch */
.xt_touch .xt_button, .xt_touch a.xt_button {
display: inline-block;
height: 32px;
line-height: 32px;
padding: 0px 5px;
text-decoration: none;
font-weight: bold;
color: /*$cc*/#fefefe/*e*/;
text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 0px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
background-color: /*$hc*/#5699e1/*e*/;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, /*$c_13*/#7AC7F0/*e*/), color-stop(100%, /*$c_14*/#1891D3/*e*/));
background-image: -webkit-linear-gradient(/*$c_13*/#7AC7F0/*e*/, /*$c_14*/#1891D3/*e*/);
background-image: -moz-linear-gradient(/*$c_13*/#7AC7F0/*e*/, /*$c_14*/#1891D3/*e*/);
background-image: -o-linear-gradient(/*$c_13*/#7AC7F0/*e*/, /*$c_14*/#1891D3/*e*/);
background-image: -ms-linear-gradient(/*$c_13*/#7AC7F0/*e*/, /*$c_14*/#1891D3/*e*/);
background-image: linear-gradient(/*$c_13*/#7AC7F0/*e*/, /*$c_14*/#1891D3/*e*/);
-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 5px, /*$c_22*/#ADCDF0/*e*/ 0px 1px 0px 0px inset;
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 5px, /*$c_22*/#ADCDF0/*e*/ 0px 1px 0px 0px inset;
-o-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 5px, /*$c_22*/#ADCDF0/*e*/ 0px 1px 0px 0px inset;
box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 5px, /*$c_22*/#ADCDF0/*e*/ 0px 1px 0px 0px inset;
border: 1px solid /*$c_01*/#2066B1/*e*/;
}
/* @XT_title: Button (inner) for touch */
.xt_touch .xt_button span, .xt_touch a.xt_button span {
color: /*$cc*/#fefefe/*e*/;
}
/* @XT_title: hide */
.xt_touch .xt_gallery {
margin: 0 auto;
text-align: center;
}
/* @XT_title: hide */
.xt_touch .xt_gallery span {
display: inline-block;
border: 3px solid /*$cc*/#fefefe/*e*/;
margin: 5px;
-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
-o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
}
/* @XT_title: hide */
.xt_touch .xt_gallery span img {
position: relative;
}
/* @XT_title: Label for touch */
.xt_touch .xt_label label {
display: inline-block;
margin-top: 10px;
line-height: 21px;
color: /*$mtc*/#444444/*e*/;
}
/* @XT_title: Inputs, textareas */
.xt_touch .xt_input input, .xt_touch .xt_input textarea, .xt_touch .xt_textarea input, .xt_touch .xt_textarea textarea {
color: /*$mtc*/#444444/*e*/;
height: 21px;
border: 1px solid #b2b2b2;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
-o-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
/* @XT_title: Submit for touch */
.xt_touch .xt_submit {
margin-top: 10px;
}
/* @XT_title: Blog subtitle for touch */
.xt_touch .xt_blog .xt_blog_subtitle {
font-style: italic;
font-weight: normal;
color: /*$c_03*/#777777/*e*/;
font-size: 16px;
margin-bottom: 20px;
}
/* @XT_title: Back to posts button */
.xt_touch .xt_blog .xt_blog_back_to_posts {
margin-bottom: 10px;
}
/* @XT_title: hide */
.xt_touch .xt_blog .xt_blog_comments_title, .xt_touch .xt_blog .xt_blog_write_a_comment_title {
font-size: 16px;
font-weight: bold;
display: inline-block;
margin-bottom: 5px;
}
/* @XT_title: Comment container for touch */
.xt_touch .xt_blog .xt_blog_comment {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
padding: 7px;
}
/* @XT_title: Comment date for touch */
.xt_touch .xt_blog .xt_blog_comment .xt_blog_comment_date {
/* display: none; */
}
/* @XT_title: Comment author for touch */
.xt_touch .xt_blog .xt_blog_comment .xt_blog_comment_author {
font-weight: bold;
font-size: 14px;
color: /*$c_21*/#408CDD/*e*/;
}
/* @XT_title: Comment contents for touch */
.xt_touch .xt_blog .xt_blog_comment .xt_blog_comment_content {
display: inline-block;
margin: 10px 0;
font-size: 14px;
}
/* @XT_title: hide */
.xt_touch .xt_pagination {
margin: 0 auto;
text-align: center;
}
/* @XT_title: hide */
.xt_touch .xt_pagination span {
background-color: transparent;
}
/* @XT_title: hide */
.xt_touch .xt_pagination span a {
background-color: transparent;
padding: 0;
}
/* @XT_title: Pagination element (outer) for touch */
.xt_touch .xt_pagination > span {
display: inline-block;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
background-color: /*$hc*/#5699e1/*e*/;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, /*$c_13*/#7AC7F0/*e*/), color-stop(100%, /*$c_14*/#1891D3/*e*/));
background-image: -webkit-linear-gradient(/*$c_13*/#7AC7F0/*e*/, /*$c_14*/#1891D3/*e*/);
background-image: -moz-linear-gradient(/*$c_13*/#7AC7F0/*e*/, /*$c_14*/#1891D3/*e*/);
background-image: -o-linear-gradient(/*$c_13*/#7AC7F0/*e*/, /*$c_14*/#1891D3/*e*/);
background-image: -ms-linear-gradient(/*$c_13*/#7AC7F0/*e*/, /*$c_14*/#1891D3/*e*/);
background-image: linear-gradient(/*$c_13*/#7AC7F0/*e*/, /*$c_14*/#1891D3/*e*/);
-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 5px, /*$c_22*/#ADCDF0/*e*/ 0px 1px 0px 0px inset;
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 5px, /*$c_22*/#ADCDF0/*e*/ 0px 1px 0px 0px inset;
-o-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 5px, /*$c_22*/#ADCDF0/*e*/ 0px 1px 0px 0px inset;
box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 5px, /*$c_22*/#ADCDF0/*e*/ 0px 1px 0px 0px inset;
border: 1px solid /*$c_01*/#2066B1/*e*/;
height: 32px;
line-height: 32px;
}
/* @XT_title: hide */
.xt_touch .xt_pagination > span a {
display: inline-block;
}
/* @XT_title: hide */
.xt_touch .xt_pagination > span a span {
padding: 0 10px;
color: /*$cc*/#fefefe/*e*/;
display: inline-block;
text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 0px;
}
/* @XT_title: hide */
.xt_touch .xt_pagination > span span {
padding: 0 10px;
}
/* @XT_title: hide */
.xt_touch .xt_pagination > span.selected, .xt_touch .xt_pagination > span.inactive {
background-color: /*$bc*/#e7e7e7/*e*/;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, /*$c_15*/#FFFFFF/*e*/), color-stop(100%, /*$c_16*/#C7BBBB/*e*/));
background-image: -webkit-linear-gradient(/*$c_15*/#FFFFFF/*e*/, /*$c_16*/#C7BBBB/*e*/);
background-image: -moz-linear-gradient(/*$c_15*/#FFFFFF/*e*/, /*$c_16*/#C7BBBB/*e*/);
background-image: -o-linear-gradient(/*$c_15*/#FFFFFF/*e*/, /*$c_16*/#C7BBBB/*e*/);
background-image: -ms-linear-gradient(/*$c_15*/#FFFFFF/*e*/, /*$c_16*/#C7BBBB/*e*/);
background-image: linear-gradient(/*$c_15*/#FFFFFF/*e*/, /*$c_16*/#C7BBBB/*e*/);
-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 5px, /*$c_15*/#FFFFFF/*e*/ 0px 1px 0px 0px inset;
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 5px, /*$c_15*/#FFFFFF/*e*/ 0px 1px 0px 0px inset;
-o-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 5px, /*$c_15*/#FFFFFF/*e*/ 0px 1px 0px 0px inset;
box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 5px, /*$c_15*/#FFFFFF/*e*/ 0px 1px 0px 0px inset;
border: 1px solid /*$c_18*/#B4B4B4/*e*/;
}
/* @XT_title: hide */
.xt_touch .xt_pagination > span.selected span, .xt_touch .xt_pagination > span.inactive span {
color: /*$cc*/#fefefe/*e*/;
text-shadow: /*$c_17*/#272727/*e*/ 0px 1px 0px;
}
/* @XT_title: List container for touch */
.xt_touch .xt_list {
margin: 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0px 3px 5px 5px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 3px 5px 5px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0px 3px 5px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0px 3px 5px 5px rgba(0, 0, 0, 0.1);
border: 1px solid /*$cc*/#fefefe/*e*/;
}
/* @XT_title: List item for touch */
.xt_touch .xt_list .xt_item {
display: block;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, /*$cc*/#fefefe/*e*/), color-stop(100%, /*$bc*/#e7e7e7/*e*/));
background-image: -webkit-linear-gradient(/*$cc*/#fefefe/*e*/, /*$bc*/#e7e7e7/*e*/);
background-image: -moz-linear-gradient(/*$cc*/#fefefe/*e*/, /*$bc*/#e7e7e7/*e*/);
background-image: -o-linear-gradient(/*$cc*/#fefefe/*e*/, /*$bc*/#e7e7e7/*e*/);
background-image: -ms-linear-gradient(/*$cc*/#fefefe/*e*/, /*$bc*/#e7e7e7/*e*/);
background-image: linear-gradient(/*$cc*/#fefefe/*e*/, /*$bc*/#e7e7e7/*e*/);
border-top: 1px solid /*$c_19*/#F1F1F1/*e*/;
border-bottom: 1px solid /*$c_20*/#CBCBCB/*e*/;
}
/* @XT_title: hide */
.xt_touch .xt_list .xt_item:last-child {
border-bottom: none;
}
/* @XT_title: hide */
.xt_touch .xt_list a {
display: block;
position: relative;
padding: 10px;
text-decoration: none;
}
/* @XT_title: List item heading for touch */
.xt_touch .xt_list a span.xt_heading {
font-size: 17px;
/* @XT_title: hide */
.xt_touch .xt_pagination span a {
background-color: transparent;
padding: 0;
}
/* @XT_title: Pagination element (outer) for touch */
.xt_touch .xt_pagination > span {
display: inline-block;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
background-color: /*$hc*/#5699e1/*e*/;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, /*$c_13*/#7AC7F0/*e*/), color-stop(100%, /*$c_14*/#1891D3/*e*/));
background-image: -webkit-linear-gradient(/*$c_13*/#7AC7F0/*e*/, /*$c_14*/#1891D3/*e*/);
background-image: -moz-linear-gradient(/*$c_13*/#7AC7F0/*e*/, /*$c_14*/#1891D3/*e*/);
background-image: -o-linear-gradient(/*$c_13*/#7AC7F0/*e*/, /*$c_14*/#1891D3/*e*/);
background-image: -ms-linear-gradient(/*$c_13*/#7AC7F0/*e*/, /*$c_14*/#1891D3/*e*/);
background-image: linear-gradient(/*$c_13*/#7AC7F0/*e*/, /*$c_14*/#1891D3/*e*/);
-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 5px, /*$c_22*/#ADCDF0/*e*/ 0px 1px 0px 0px inset;
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 5px, /*$c_22*/#ADCDF0/*e*/ 0px 1px 0px 0px inset;
-o-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 5px, /*$c_22*/#ADCDF0/*e*/ 0px 1px 0px 0px inset;
box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 5px, /*$c_22*/#ADCDF0/*e*/ 0px 1px 0px 0px inset;
border: 1px solid /*$c_01*/#2066B1/*e*/;
height: 32px;
line-height: 32px;
}
/* @XT_title: hide */
.xt_touch .xt_pagination > span a {
display: inline-block;
}
/* @XT_title: hide */
.xt_touch .xt_pagination > span a span {
padding: 0 10px;
color: /*$cc*/#fefefe/*e*/;
display: inline-block;
text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 0px;
}
/* @XT_title: hide */
.xt_touch .xt_pagination > span span {
padding: 0 10px;
}
/* @XT_title: hide */
.xt_touch .xt_pagination > span.selected, .xt_touch .xt_pagination > span.inactive {
background-color: /*$bc*/#e7e7e7/*e*/;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, /*$c_15*/#FFFFFF/*e*/), color-stop(100%, /*$c_16*/#C7BBBB/*e*/));
background-image: -webkit-linear-gradient(/*$c_15*/#FFFFFF/*e*/, /*$c_16*/#C7BBBB/*e*/);
background-image: -moz-linear-gradient(/*$c_15*/#FFFFFF/*e*/, /*$c_16*/#C7BBBB/*e*/);
background-image: -o-linear-gradient(/*$c_15*/#FFFFFF/*e*/, /*$c_16*/#C7BBBB/*e*/);
background-image: -ms-linear-gradient(/*$c_15*/#FFFFFF/*e*/, /*$c_16*/#C7BBBB/*e*/);
background-image: linear-gradient(/*$c_15*/#FFFFFF/*e*/, /*$c_16*/#C7BBBB/*e*/);
-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 5px, /*$c_15*/#FFFFFF/*e*/ 0px 1px 0px 0px inset;
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 5px, /*$c_15*/#FFFFFF/*e*/ 0px 1px 0px 0px inset;
-o-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 5px, /*$c_15*/#FFFFFF/*e*/ 0px 1px 0px 0px inset;
box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 5px, /*$c_15*/#FFFFFF/*e*/ 0px 1px 0px 0px inset;
border: 1px solid /*$c_18*/#B4B4B4/*e*/;
}
/* @XT_title: hide */
.xt_touch .xt_pagination > span.selected span, .xt_touch .xt_pagination > span.inactive span {
color: /*$cc*/#fefefe/*e*/;
text-shadow: /*$c_17*/#272727/*e*/ 0px 1px 0px;
}
/* @XT_title: List container for touch */
.xt_touch .xt_list {
margin: 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0px 3px 5px 5px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 3px 5px 5px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0px 3px 5px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0px 3px 5px 5px rgba(0, 0, 0, 0.1);
border: 1px solid /*$cc*/#fefefe/*e*/;
}
/* @XT_title: List item for touch */
.xt_touch .xt_list .xt_item {
display: block;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, /*$cc*/#fefefe/*e*/), color-stop(100%, /*$bc*/#e7e7e7/*e*/));
background-image: -webkit-linear-gradient(/*$cc*/#fefefe/*e*/, /*$bc*/#e7e7e7/*e*/);
background-image: -moz-linear-gradient(/*$cc*/#fefefe/*e*/, /*$bc*/#e7e7e7/*e*/);
background-image: -o-linear-gradient(/*$cc*/#fefefe/*e*/, /*$bc*/#e7e7e7/*e*/);
background-image: -ms-linear-gradient(/*$cc*/#fefefe/*e*/, /*$bc*/#e7e7e7/*e*/);
background-image: linear-gradient(/*$cc*/#fefefe/*e*/, /*$bc*/#e7e7e7/*e*/);
border-top: 1px solid /*$c_19*/#F1F1F1/*e*/;
border-bottom: 1px solid /*$c_20*/#CBCBCB/*e*/;
}
/* @XT_title: hide */
.xt_touch .xt_list .xt_item:last-child {
border-bottom: none;
}
/* @XT_title: hide */
.xt_touch .xt_list a {
display: block;
position: relative;
padding: 10px;
text-decoration: none;
}
/* @XT_title: List item heading for touch */
.xt_touch .xt_list a span.xt_heading {
font-size: 17px;
font-weight: bold;
margin-left: 5px;
}
/* @XT_title: List item description for touch */
.xt_touch .xt_list a .xt_description {
margin: 10px;
display: block;
font-size: 12px;
color: /*$mtc*/#444444/*e*/;
}
/* @XT_title: List item arrow for touch */
.xt_touch .xt_list .arrow {
background: url("httA {color: #ffffff; background: #3b5998; border-top: 2px outset gray; border-bottom: 2px outset #222222; border-left: 2px outset #222222; border-right: 2px outset #222222; margin: 1px}.mystyle img { bordor: 0 none; width: 90px !important; height: 90px !important }