Question [Merged topic]The great Mootools/Javascript conflict discussion

/*----TEMPLATE.CSS TABLE OF CONTENTS----*/
/* Body

---

*/
/* @group Header

---

*/
/* @group Typography

---

*/
/* @group Featured Slider

---

*/
/* @group Joomla! Styles

---

*/
/* @group Layout Structure

---

*/
/* @group Bonus Styles

---

*/
/* @group System Styles

---

*/

body {
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
font-size: 76.6%;
color: #40484f;
}

/* @group Header */

#header {padding: 20px 0px 0px 0px;}

/* Graphic Header */

#header span#graphic,#header h1#graphic {
margin: 0;padding: 0;
text-indent: -9999em;
}
#header span#graphic a,#header h1#graphic a {
display: block;
background-repeat: no-repeat;
}

/* Text Header */
#header span#text-header,#header h1#text-header {
margin: 0px 0px 0px 10px;
padding:0;
line-height: 100%;
letter-spacing: -2px;
font-weight: bold;
display: block;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#header h1#text-header a,#header span#text-header a {
text-decoration: none;
font-size: 46px;
line-height: 100%;
}
/* Text Header Tagline */
#header span#text-slogan,#header h2#text-slogan {
font-size: 18px;
letter-spacing: -1px;
margin: 0px 0px 0px 10px;padding: 0;
line-height: 100%;
font-weight: bold;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#container {
position: relative;
margin: 0px auto;
}
#headerad {
position: absolute;
top: 12px;
right: 5px;
display: block;
width: 468px;
height: 60px;
text-align: center;
text-shadow: #fff 1px 1px 0;
font: bold 24px/60px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
color: #333;
}

.module-body {
padding: 0px 10px;
}

/* @end */

/* @group Typography */

a {
color: #2a6398;
text-decoration: none;
}
a:hover {
text-decoration: underline;
color: #19446b;
}

.entry a {text-decoration: underline;}
.entry a:hover {text-decoration: none;}
a.more-link {font-weight: bold;float: right;margin: 10px 0px;}



::selection {background: #fffed8;color: #000;}
::-moz-selection {background: #fffed8;color: #000;}


/* Headings

---

*/


.normal {
font-weight: normal;
}

h1,h2,h3,h4,h5,h6,
div.componentheading {
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;font-weight: bold;
}

div.componentheading,h1 { font-size: 2.5em; line-height: 1; margin-bottom: 0.25em;letter-spacing: -1px;}

h2 { font-size: 2em; margin-bottom: 0.25em;letter-spacing: -1px;}

h3 { font-size: 1.6em; line-height: 1; margin-bottom: 0.25em;}

h4 { font-size: 1.4em; line-height: 1; margin-bottom: 0.25em; font-weight: bold;}

h5 { font-size: 1.4em; margin-bottom: 0.5em;font-weight: normal;font-style: normal;}

h6 { font-size: 1.2em;margin-bottom: 0.5em; }

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
text-decoration: none;
}


/* Text elements

---

*/

p { font-size: 1.05em;margin: 0 0 0.85em 0;line-height: 150%;}
ul, ol {padding: 0 0 1em 1.5em;margin: 0;}
ul { list-style-type: disc;}
ol { list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }
li {line-height: 135%;}
#content li {margin: 10px 0px;}

address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }
a img {border: none;}
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
.center {text-align: center;}
.hidden {display: none;}
.screen-reader-text {position: absolute;left: -1000em;}

blockquote {
margin: 1.5em;
line-height: 150%;
font-style: italic;
padding-left: 20px;
border-left: 5px solid #ddd;
}
blockquote cite {
margin: 5px 0 0;
display: block;
}

strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre { font: 1.1em monospace; line-height: 1.25em;margin: 5px 0px 5px 0px;background-color: #ebebeb;display: block;padding: 5px;border-top: 2px solid #ccc;border-bottom: 2px solid #ccc;}
tt { display: block; margin: 1.5em 0; line-height: 1.25em; }

span.amp { /* For better-looking ampersands */
font-family: Baskerville, Palatino, "Book Antiqua", serif;
font-style: italic;}


div.small {
color: #888;
font-size: 11px;
border-bottom: 1px solid #e7e7e7;
padding-bottom: 4px;
margin-bottom: 4px;
}

#breadcrumbs {
-webkit-border-radius:4px;
-moz-border-radius:4px;
position: relative;
height: 24px;
line-height: 24px;
margin: 5px 0px 5px 0px;
}
#breadcrumbs .sep {
width: 14px;
height: 25px;
padding: 0;
margin: 0;
position: relative;
top: -0px;
display: inline-block;
text-indent: -9999em;
}
#breadcrumbs a.pathway {
padding: 0px 2px 0px 6px;
}

#breadcrumbs .curpage {
font-weight: bold;
padding-left: 4px;
}


/* Module Typography */

.sidebar h1,.sidebar h2,.sidebar h3,#footer h1,#footer h2,#footer h3 {
font-size: 1.5em;
color: #000;
letter-spacing: -1px;
margin-top: 0px;
margin-bottom: 10px;
}

/* Main Menu Module */

.sidebar ul.menu li {
list-style: none;
padding: 0;
margin: 0;
line-height: normal;
background-image: none;
}
.sidebar ul.menu li a {
display: block;
padding: 6px 0px 6px 10px;
font-weight: bold;
}
.sidebar ul.menu li.active.current a,
.sidebar ul.menu li.active a {
color: #fff;
background-color: #386d9e;
border: 0px solid #386d9e;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.sidebar ul.menu li.haschild li a,
.sidebar ul.menu li.haschild.active.current li a,
.sidebar ul.menu li.haschild.active li.active.current a {
background-color: transparent;
color: #555;
font-size: .9em;
line-height: 1em;
padding: 5px 0px 5px 10px;
text-decoration: underline;
}
/* @end */


/* @group Structure */

#main {z-index: 1;}

/* Right Sidebar Layout */

#main .top_r_19 {height: 29px;background: url(../images/box_r_200.png) no-repeat left top;}
#main .mid_r_19 {background: url(../images/box_r_200.png) repeat-y center bottom;height: 1%;}
#main .bot_r_19 {height: 9px;background: url(../images/box_r_200.png) no-repeat right bottom;}

#main .top_r_18 {height: 29px;background: url(../images/box_r_240.png) no-repeat left top;}
#main .mid_r_18 {background: url(../images/box_r_240.png) repeat-y center bottom;height: 1%;}
#main .bot_r_18 {height: 9px;background: url(../images/box_r_240.png) no-repeat right bottom;}

#main .top_r_17 {height: 29px;background: url(../images/box_r_280.png) no-repeat left top;}
#main .mid_r_17 {background: url(../images/box_r_280.png) repeat-y center bottom;height: 1%;}
#main .bot_r_17 {height: 9px;background: url(../images/box_r_280.png) no-repeat right bottom;}

#main .top_r_16 {height: 29px;background: url(../images/box_r_320.png) no-repeat left top;}
#main .mid_r_16 {background: url(../images/box_r_320.png) repeat-y center bottom;height: 1%;}
#main .bot_r_16 {height: 9px;background: url(../images/box_r_320.png) no-repeat right bottom;}

#main .top_r_15 {height: 29px;background: url(../images/box_r_360.png) no-repeat left top;}
#main .mid_r_15 {background: url(../images/box_r_360.png) repeat-y center bottom;height: 1%;}
#main .bot_r_15 {height: 9px;background: url(../images/box_r_360.png) no-repeat right bottom;}

#main .top_r_14 {height: 29px;background: url(../images/box_r_400.png) no-repeat left top;}
#main .mid_r_14 {background: url(../images/box_r_400.png) repeat-y center bottom;height: 1%;}
#main .bot_r_14 {height: 9px;background: url(../images/box_r_400.png) no-repeat right bottom;}

/* Left Sidebar Layout */

#main .top_l_19 {height: 29px;background: url(../images/box_l_200.png) no-repeat right top;}
#main .mid_l_19 {background: url(../images/box_l_200.png) repeat-y center bottom;height: 1%;}
#main .bot_l_19 {height: 9px;background: url(../images/box_l_200.png) no-repeat left bottom;}

#main .top_l_18 {height: 29px;background: url(../images/box_l_240.png) no-repeat right top;}
#main .mid_l_18 {background: url(../images/box_l_240.png) repeat-y center bottom;height: 1%;}
#main .bot_l_18 {height: 9px;background: url(../images/box_l_240.png) no-repeat left bottom;}

#main .top_l_17 {height: 29px;background: url(../images/box_l_280.png) no-repeat right top;}
#main .mid_l_17 {background: url(../images/box_l_280.png) repeat-y center bottom;height: 1%;}
#main .bot_l_17 {height: 9px;background: url(../images/box_l_280.png) no-repeat left bottom;}

#main .top_l_16 {height: 29px;background: url(../images/box_l_320.png) no-repeat right top;}
#main .mid_l_16 {background: url(../images/box_l_320.png) repeat-y center bottom;height: 1%;}
#main .bot_l_16 {height: 9px;background: url(../images/box_l_320.png) no-repeat left bottom;}

#main .top_l_15 {height: 29px;background: url(../images/box_l_360.png) no-repeat right top;}
#main .mid_l_15 {background: url(../images/box_l_360.png) repeat-y center bottom;height: 1%;}
#main .bot_l_15 {height: 9px;background: url(../images/box_l_360.png) no-repeat left bottom;}

#main .top_l_14 {height: 29px;background: url(../images/box_l_400.png) no-repeat right top;}
#main .mid_l_14 {background: url(../images/box_l_400.png) repeat-y center bottom;height: 1%;}
#main .bot_l_14 {height: 9px;background: url(../images/box_l_400.png) no-repeat left bottom;}

/* Wide Layout */

.top_w_wide {height: 29px;background: url(../images/bg_w.png) no-repeat left top;}
.mid_w_wide {background: url(../images/bg_w.png) repeat-y center bottom;height: 1%;}
.bot_w_wide {height: 9px;background: url(../images/bg_w.png) no-repeat right bottom;}

/* 3-Col Layout */

#main .top_3_wide {height: 29px;background: url(../images/box_3_col.png) no-repeat right top;}
#main .mid_3_wide {background: url(../images/box_3_col.png) repeat-y center bottom;height: 1%;}
#main .bot_3_wide {height: 9px;background: url(../images/box_3_col.png) no-repeat left bottom;}

.sidebar {padding: 0px 7px 0px 7px;position: relative;top: -15px;}
#content{padding: 0px 7px 0px 7px;position: relative;top: -35px;}
/* Leader Modules */

#leader {
margin:6px 0px 5px 0px;
}
#leader .moduletable {
padding: 0px 10px;
line-height: 150%;
position: relative;top: -10px;
}


/* Footer */

#footer {margin: 5px 0px 0px 0px;}
#footer .top {height: 29px;background: url(../images/bg_w.png) no-repeat left top;}
#footer .mid {position: relative;top: -10px;height: 1%;background: url(../images/bg_w.png) repeat-y center bottom;padding-bottom: 10px;}
#footer .bot {height: 9px;background: url(../images/bg_w.png) no-repeat right bottom;position: relative;top: -10px;}
#footer .inside {
padding: 0px 10px;
line-height: 150%;
}



/* @end */

/* @group Featured Slider */

#featured {margin: 5px 0px;}
#featured .top {height: 16px;background: url(../images/feature_top.png) no-repeat center top;}
#featured .feature {position: relative;width: 960px;margin: 0px auto;background: url(../images/feature_mid.png) repeat-y;}
#featured .bot {height: 14px;background: url(../images/feature_bot.png) no-repeat center bottom;}
#featured #st_slider .post-text {padding:0px 24px 5px 24px;margin: 0;border: 0;background: none;width: 892px;}
#featured .post-thumb {padding:0px 0px;margin: 0;border: 0;background: none;}

/* Slider Typography */

#st_slider h2 {
font-size: 30px;
color: #000;
margin: 0px 0px 10px 0px;
padding: 0;
letter-spacing: -2px;
text-shadow: #fff 0 2px 0;
}
#st_slider h2 a {
color: #404040;
}
#st_slider h2 a:hover {
color: #286197;
}
#st_slider p {
font-size: 20px;
line-height: 135%;
margin: 0;
padding: 0;
font-weight: normal;
letter-spacing: -1px;
color: #565656;
font-style: normal;
text-shadow: #fff 1px 1px 0;
}
#st_slider a.more-link {
/* Position */
position: absolute;
top: 140px;
left: 805px;
/* Size */
padding: 0px 0px;
text-align: center;
letter-spacing:normal;
width: 133px;
height: 33px;
/* Color */
color: #1d5992;
text-shadow: #fff 1px 1px 1px;
background: url(../images/readmore.png) no-repeat 0px 0px;
font: bold 14px/33px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#st_slider a.more-link:hover {
color: #333;
text-decoration: none;
background: url(../images/readmore.png) no-repeat 0 -33px;
}


/* Slider Pagination Links */

#st_slider #pag {
height: 32px;
margin: 0px auto;
position: relative;
top: 8px;
left: -6px;
width: 952px;
background-color: #fff;
}
#st_slider ul.pagination li a {
text-indent: -9999em;
display: block;
width: 14px;
height:14px;
background: url(../images/pag_item.png) no-repeat center center;margin: 10px 4px;padding: 0px;
}
#st_slider ul.pagination li.active a {
background: url(../images/pag_active.png) no-repeat center center;
}

#st_slider ul.pagination,ul.pagination li {float:left;margin: 0;padding: 0;}
#st_slider ul.pagination { list-style:none; padding:0; margin:0px 0px 0px 6px;float: left;background: #fff;height: 32px;}
#st_slider_nav {position: absolute;width: 940px;}

/* Required */
#st_slider { margin:0px auto; width:940px; position:relative; clear:both;}
#st_slider .slidewrap { width:940px;overflow:hidden; position:relative;margin: 0px auto;top: 8px;}
#st_slider .slides { position:absolute; top:0; left:0; }
#st_slider .slides > div { position:absolute; top:0; width:940px; display:none; }



/* Slider Previous and Next Buttons */

#st_slider_nav a.previous {
float: left;
position: relative;
left: -6px;
top: -11em;/* Adjust this to set PREV image position */
width: 25px;
height: 60px;
text-indent: -99999em;
display: block;
background: url(../images/pag_prev.png) no-repeat left center;
}
#st_slider_nav a.next {
float: right;
position: relative;
right: -6px;
width: 25px;
top: -11em;/* Adjust this to set NEXT image position */
height: 60px;
text-indent: -99999em;
display: block;
background: url(../images/pag_next.png) no-repeat right center;
}

/* Ads - 125px */
div.ad-box {
width: 270px;
margin: 0px auto;
}
div.ad125 img {
padding: 0px 4px 4px 0px;
}



/* @end */

/* @group J! Styles */


.article_sep {
border-bottom: 1px solid #ededed;
height: 10px;
clear: both;
margin: 10px auto;
display: block;
}

.leading_separator {clear: both;display: block;}
.cols1 {display: block;float: none;margin: 0;width: 100%;}
.cols2.column1,.cols2.column2 {width: 49%;float: left;overflow: hidden;}
.cols3.column1,.cols3.column2,.cols3.column3 {width: 33%;float: left;}
.column1,.column2,.column3 {position: relative;float: left;margin: 0;}
.colpad {padding: 0 10px;position: relative;}
.column2 {float: right;width: 49%;}
.article_row {overflow: hidden;margin: 0 -10px 0px -10px;}
table.category {width: 100%;}


img.centered,.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright,img.floatright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft,img.floatleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}
.alignleft,.floatleft {float: left;}
.alignright,.floatright {float: right;}

table.contentpaneopen ul, table.contentpaneopen ol {
list-style-position: inside;
}

span.pagination {
position: absolute;
width: 97%;
text-align: center;
margin: 0px auto;
border-top: 1px solid #eee;
padding-top: 4px;
}
span.pagination span,span.pagination a {
padding: 4px;
text-align: center;

}

/* Tables */

table.contentpaneopen {
margin: 0;
padding: 0;
width: 100%;
}

table.blog table.contentpaneopen {
white-space: normal;
}

table.contentpaneopen, table.contentpane, table.blog {
border-collapse: collapse;
width: 100%;
}

div.blog_more {
border-top: 1px solid #e7e8da;
padding: 10px;
}


div.blog_more ul {
list-style: none;
}



div.blog_more ul li a {
text-decoration: none;
display: block;
padding: 4px;
border-bottom: 1px solid #dadacc;
}

div.blog_more ul li a:hover {
text-decoration: none;
display: block;
padding: 4px;
border-bottom: 1px solid #dadacc;
}

/* Polls Module */

table.pollstableborder {
width: 100%;
text-align: left;
}

table.poll {
font-size: 11px;
}
table.poll td {
padding-bottom: 10px;
}

.smalldark {
white-space: nowrap;
color: #767676;
}

table.pollstableborder td.sectiontableentry1 {
background: transparent;
padding: 4px;
border-bottom: 0px solid #dadacc;
}

table.pollstableborder td.sectiontableentry2 {
background: transparent;
padding: 4px;
border-bottom: 0px solid #fefee6;
}

/* Polls Results */

table.pollstableborder td.sectiontableheader {
padding: 8px;
color: #fff;
border: none;
}

td.sectiontableheader img {display: none;}

table.pollstableborder tr.sectiontableentry0 td,
table.pollstableborder tr.sectiontableentry1 td {
padding: 4px;
border: none;
font-weight: bold;
vertical-align: middle;
}

/* Category Tables */

table.category th,th.sectiontableheader {
background: #d8d8d8;
line-height: 200%;
padding: 4px;
border-bottom: 1px solid #d6d6d6;
border-top: 1px solid #d6d6d6;
}

tr.sectiontableentry1 td,
td.sectiontableentry1 {
background: #f5f5f5;
padding: 8px;
border-bottom: 1px solid #e9e9e9;
}

tr.sectiontableentry2 td,
td.sectiontableentry2 {
background: #fbfbfb;
padding: 8px;
border-bottom: 1px solid #ebebeb;
}

.sectiontableentry1 a,
.sectiontableentry2 a {
text-decoration: none;
}

li a.category {
font-weight: bold;
text-decoration: none;
text-transform: capitalize;
font-variant: small-caps;
}

table.contentpane tr td ul {
list-style: none;
}

/* Print-PDF-EMail */

body.contentpane {
background: #fff;
margin: 25px;
}

span.pagenav {
color: #9e9984;
}

span.small,.createdate,.createdby,.modifydate {
font: normal 11px/12px Tahoma, "Lucida Grande", Lucida, Verdana, sans-serif;
color: #7c7c7c;
}

td.modifydate {
line-height: 30px;
}

div.mosimage {
border: 1px solid #e7dec6;
margin: 10px;
background: #f2f3ee;
}

div.mosimage_caption {
color: #a09a8a;
font: 10px/12px Arial, Helvetica, Geneva, sans-serif;
padding-bottom: 5px;
}

div.mosimage img {
padding: 5px;
}


p.buttonheading {float: right;}
.buttonheading .icon {display:block;width:16px;height:16px;float:left;margin-left:5px;cursor: pointer;}

.buttonheading .pdf {background: url(../images/pdf_button.png) no-repeat 50% 50%;}
.buttonheading .print {background: url(../images/printButton.png) no-repeat 50% 50%;}
.buttonheading .email {background: url(../images/emailButton.png) no-repeat 50% 50%;}
.modifydate, .createdby, .createdate {display:block;}
.createdby {font-weight:bold;}

.sidebar .moduletable {margin: 0px 0px 10px 0px;}
.sidebar .moduletable h3 {margin: 0 0px 4px 0px;padding: 0 0 4px 0;}

/* Latest News and Popular Modules */

#footer ul,#leader ul,.sidebar ul {list-style: none;margin: 0;padding: 0;}
#footer li,#leader li,.sidebar li {
padding: 0px 0px 4px 16px;
margin: 0px;
background: url(../images/bullet_clear.png) no-repeat 2px 4px;
white-space: normal;
}
.sidebar ul.newsfeed,.sidebar ul.newsfeed li {
padding: 0;
margin: 0;
background-image: none;
}
div.newsfeed_item {
font-size: 11px;
}

/* Modular Navigation */


a.mainlevel {
line-height: 20px;
height: 20px;
padding-left: 9px;
text-decoration: none;
background: url(../images/mainlevel.gif) no-repeat 0px 5px;
}
a.sublevel {padding-left: 4px;font-size: 12px;color: #000;}
a.sublevel.img {}


div.pagenavbar a, div.pagenavbar {
text-decoration: none;
font-size: 11px;
}

table.contenttoc {
background-color: #252525;
font-size: 12px;
border: 1px solid #2c2c2c;
float: right;
display: block;
margin: 0px;
}

table.contenttoc th {
background-color: #393939;
font-size: 14px;
color: #8e8e8e;
font-weight: normal;
font-style: normal;
}

table.contenttoc td {
font-size: 14px;
padding: 2px 8px;
}

table.contenttoc a.toclink {
font-size: 12px;
text-decoration: none;
}


/* @end */

/* @group Bonus Styles */

p.smalldesc{
font-size: 11px;
color: #666;
font-family: "Courier New", Courier, mono;
}

div.note {
text-align: left;
padding: 10px 10px 10px 48px;
border: 4px solid;
-webkit-border-radius:8px;
-moz-border-radius:8px;
-khtml-border-radius:8px;

margin: 5px 0px;
line-height: 135%;
}

div.note a {text-decoration: underline;}
div.note a:hover {text-decoration: none;}


div.alert {
background: #9b0000 url(../images/icons/alert.png) no-repeat 10px 50%;
border-color: #FF0000;
color: #f8ff00;
}
div.alert a {color: #fff;}

div.info {
background: #0050ba url(../images/icons/info.png) no-repeat 10px 50%;
border-color: #008cff;
color: #d6e3ff;
}
div.info a {color: #fff;}

div.warn {
background: #d5aa00 url(../images/icons/warning.png) no-repeat 10px 50%;
border-color: #F7D229;
color: #FFF;
}
div.warn a {color: #fff;}

div.accept {
background: #b3de7e url(../images/icons/accept.png) no-repeat 10px 50%;
border-color: #3a9805;
color: #173d08;
}
div.accept a {color: #256700;}

div.cd {
background: #c0d6c8 url(../images/icons/cd.png) no-repeat 10px 50%;
border-color: #9cb5bb;
color: #364450;
}
div.cd a {color: #414983;}

div.coffee {
background: #3a3123 url(../images/icons/coffee.png) no-repeat 10px 50%;
border-color: #9b643a;
color: #d9b494;
}
div.coffee a {color: #ac6530;}

div.email {
background: #f7f7f7 url(../images/icons/email.png) no-repeat 10px 50%;
border-color: #deb600;
color: #3e3e3e;
}
div.email a {color: #988217;}

div.download {
background: #67882e url(../images/icons/file_download.png) no-repeat 10px 50%;
border-color: #88b140;
color: #f6f2e7;
}
div.download a {color: #b3d27c;}

div.idea {
background: #fdfbb9 url(../images/icons/lightbulb.png) no-repeat 10px 50%;
border-color: #d0a21e;
color: #514c2a;
}
div.idea a {color: #c39a1d;}

div.photo {
background: #aab5b7 url(../images/icons/photo_credit.png) no-repeat 10px 50%;
border-color: #e1e1e1;
color: #000;
}
div.photo a {color: #2b426b;}

div.secure {
background: #f2f2f2 url(../images/icons/protected.png) no-repeat 10px 50%;
border-color: #868686;
color: #000;
}
div.secure a {color: #3d52a6;}

div.author {
background: #f2f2f2 url(../images/icons/readmore.png) no-repeat 10px 50%;
border-color: #e5c405;
color: #000;
}
div.author a {color: #c0a71e;}

div.search {
background: #f2f2f2 url(../images/icons/search.png) no-repeat 10px 50%;
border-color: #2a4881;
color: #000;
}
div.search a {color: #2a4881;}

div.mycomment {
background: #e8f6fc url(../images/icons/speech_bubble_gloss.png) no-repeat 10px 50%;
border-color: #89b4c2;
color: #000;
}
div.mycomment a {color: #6e9099;}


div.time {
background: #f7f9ff url(../images/icons/time.png) no-repeat 10px 50%;
border-color: #923232;
color: #37494f;
}
div.time a {color: #923232;}

div.tools {
background: #f7f9ff url(../images/icons/tools.png) no-repeat 10px 50%;
border-color: #b5b6b5;
color: #393e40;
}
div.tools a {color: #2a4881;}

div.twitter {
background: #daf6fb url(../images/icons/twitter.png) no-repeat 10px 50%;
border-color: #3997e4;
color: #0d191e;
}
div.twitter a {color: #3997e4;}

.caption {
border:1px solid #222;
margin:18px 0;
padding:15px;
color: #333;
font-size: .9em;
line-height: 125%;
-webkit-border-radius:4px;
-moz-border-radius:4px
}
span.caption-title {
background:#fff none repeat scroll 0 0;
display:block;
font-size:1.1em;
font-weight:bold;
margin-top:-24px;
padding:0 8px;
position:absolute;
color: #333;
}
.caption a {
text-decoration: underline;
}
.caption.red {
border: 1px solid #e90e17;
color: #333;
}
.caption.red a,.caption.red .caption-title {
color: #a30a11;
}
.caption.green {
border: 1px solid #8fc040;
color: #333;
}
.caption.green a,.caption.green .caption-title {
color: #669424;
}
.caption.blue {
border: 1px solid #80afd3;
color: #333;
}
.caption.blue a,.caption.blue .caption-title {
color: #4b7fc4;
}


ul.captionlist {
margin: 0px 0px 10px 0px;
padding: 0;
}
ul.captionlist li ul {
margin: 0;
padding: 0;
}

ul.captionlist li {
list-style: none;
line-height: 16px;
padding: 2px 0px 2px 0px;
list-style-position: outside;
font-size: 1em;
font-weight: bold;
}
ul.captionlist li li {
padding: 0;
color: #747474;
font-weight: normal;
font-size: .9em;
}
ul.check li {
list-style: none;
line-height: 16px;
padding: 2px 0px 2px 20px;
background: url(../images/icons/check.png) no-repeat left .19em;
list-style-position: outside;
font-size: 1em;
}
ul.check li li {
background: none;
padding: 0px 0px 0px 0px;
color: #8c8c8c;
}
ul.check a {
text-decoration: underline;
padding: 1px;
}

ul.check a:hover {
text-decoration: none;
padding: 1px;
}
/* @end */


/* @group System Styles */


/*Additional 1.5 Stuff */

div.banneritem a,
div.banneritem_text a {
font-weight: bold;
line-height: 16px;
font-size: 11px;
}

div.banneritem,
div.banneritem_text {
line-height: 12px;
font-size: 11px;
}

#form-login ul li {
list-style: none;
}

ul#mainlevel {
list-style: none;
}

/* Frontend Editing*/

fieldset {
margin-top: 5px;
padding: 5px;
}

legend {
margin: 0;
padding: 0 10px;
}

td.key {
border-bottom: 1px solid #eee;
color: #666;
}

/* Tooltips */

.tool-tip {
float: left;
background: #ffc;
border: 1px solid #D4D5AA;
padding: 5px;
max-width: 200px;
}

.tool-title {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: bold;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
font-size: 100%;
margin: 0;
}

/* System Standard Messages */

#message {
margin: 20px auto;
width: 95%;
}

#system-message {
margin: 0px auto;
font-size: 14px;
}
#system-message dd.error ul li,#system-message dd.notice ul li,#system-message dd.message ul li {
margin: 0;padding: 0;list-style: none;background: none;line-height: 100%;
}

#system-message dd.message ul {
background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;
margin: 0px;
padding-left: 40px;
text-indent: 0px;

}

#system-message dd.error ul {
color: #c00;
background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat;
border-top: 3px solid #DE7A7B;
border-bottom: 3px solid #DE7A7B;
margin: 0px;
padding-left: 40px;
text-indent: 0px;
}
#system-message dd.notice ul {
color: #c00;
background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat;
border-top: 3px solid #F0DC7E;
border-bottom: 3px solid #F0DC7E;
}
#bottom,#bottom p {
font-size: 10px;
text-align: center;
margin: 0;
padding: 5px 0px 5px 75px;
line-height: 10px;
}
.copy {clear: both;}
.copy a {
position: relative;
display: block;
float: right;
width: 75px;
height: 12px;
background: url(../images/icons/jscright.png) no-repeat;
text-indent: -9999em;
}

/* @end */