html.body{
background-image:url(../images/bck.png);
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 14px;
color: #ffcc99;
margin-top: 0px;
}
body {
background-image:url(../images/bck.png);
background-attachment:fixed;
background-color:#ffbd91;
background-position:top;
background-repeat:repeat-x;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 14px;
color: #ffcc99;
margin-top: 0px;
margin-bottom: 0px;
}
/* Global Formatting */
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}
td{font-size: 14px;}
th{font-size: 14px;}
a {color: #fd9c68;}
a:hover {color:#FF6633;}
a.image, a.image:hover {border:0;}
/* li{ list-style: square;} */
/* ul { list-style: square;} */
/* ####################### END GENERAL SETTINGS ############################ */
/* ###################### LAYOUT SETTINGS ############################## */
/* Add here Div Wrappers of table formatting to layouts custom stuff*/
/* ###################### LAYOUT SETTINGS ############################## */
/*##################### NAVIGATION SECTION #####################*/
/* Pathway Breadcrumbs */
.pathway {font-size: 11px;color:#333;}
a.pathway:link {color:#659FDE;}
a.pathway:visited {color:#659FDE;}
a.pathway:active {color:#659FDE;}
a.pathway:hover {color:#659FDE;text-decoration:underline;}
/* Mainlevel menu */
.mainlevel {height: 18px;}
a.mainlevel {
display: block;
background: url(../images/menu_bg.png);
color: #000;
padding: 5px 0 1px 5px;
margin: 0 0 0px 0;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
text-align: center;
}
a.mainlevel:hover {
color:#FFFFCC;
background: url(../images/menu_bg_hover.png);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
text-decoration: underline;
text-align: center;
}
/* End Mainlevel menu */
/* Sub Menu */
.sublevel{height: 18px;}
a.sublevel{ display: block;
background: #A0A0A0;
color: #FFFFFF;
padding: 5px 0 5px 19px;
margin: 0 0 1px 0;
text-decoration: none;
}
a.sublevel:hover {
display: block;
color: #FFFFFF;
background: #822C0F;}
/* End Sub Menu */
/* Add Custom Menus */
/* Add Custom Menus */
/*##################### NAVIGATION SECTION #####################*/
/* ##################### STANDARD MODULE TABLE #################*/
table.moduletable {
width: 100%;
padding: 0px;
margin: 0px;
}
table.moduletable th {
background: url(../images/subhead_bg.png) repeat-x;
height: 18px;
color: #FFFFFF;
}
table.moduletable td {height: 18px;}
/* Add here Custom Modules */
/* End Custom Modules */
/* ##################### END STANDARD MODULE TABLE #################*/
/* ############# CONTENT - SECTIONS & CATEGORIES ###########################*/
.contentheading {
font-size: 16px;
font-weight: bold;
color:#660066;
background-color:#FF9900;
padding:6px;
}
/* content title and links */
.contentpagetitle {background-color : #000000; }
a.contentpagetitle,a.contentpagetitle:link, a.contentpagetitle:visited
{text-decoration: none;font-weight: normal; color: #FFFFFF;border-bottom: 0px;}
a.contentpagetitle:hover {color: #FFFFFF;border-bottom: 0px solid #000;text-decoration: none;}
/* top box like a category description */
.contentdescription {background-color : #FF9900;}
/* Main Body Text */
.contentpane {background: #000000;}
.contentpaneopen {
background-color:#222222;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 18px;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-align:justify;
color: #CBC7BC;
text-decoration: none;
padding: 10px;
/*width:795px;*/
}
.side {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: none;
background-color:#000000;
border-right-width: thin;
border-top-style: none;
border-right-style: solid;
border-bottom-style: none;
border-left-style: none;
border-top-color: #000;
border-right-color: #000;
border-bottom-color: #000;
border-left-color: #000;
}
.toppanel2 {
background-color: #000000;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #000;
border-right-color: #000;
border-bottom-color: #000;
border-left-color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #F1F1F1;
text-decoration: none;
}
.footer {
font-size: 12px;
color: #CCCCCC;
text-decoration: none;
background-color: #000000;
padding-top:5px;
padding-bottom:5px;
border-top:1px dashed #CCCCCC;
}
.footer a { color: #FFFFFF;}
.footer a:hover { color: #666666;}
.toppanel {
width: 30%;
background-color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: none;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #000;
border-right-color: #000;
border-bottom-color: #000;
border-left-color: #000;
}
.toppanel3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #F1F1F1;
text-decoration: none;
background-color:#000000;
border-top-width: thin;
border-bottom-width: thin;
border-top-style: solid;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #000;
border-right-color: #000;
border-bottom-color: #000;
border-left-color: #000;
}
/* Main Body Text */
/* article rating */
.content_rating {font-weight: normal;font-size:.8em;}
.content_vote {font-weight: normal;font-size: .8em;}
/* icons */
.buttonheading{font-size: 12px;}
.pop-ups {float: right;}
a.pop-up {border-bottom: 0;}
/* Dates */
.createdate {color: #F1F1F1; font-size:.8em; font-weight: normal;}
.modifydate {font-size: 10px;color: #F1F1F1;text-decoration: none;font-weight: normal;}
.newsfeeddate {font-size: 10px;color: #F1F1F1;font-weight: normal;}
/* Dates */
/* Writen by Authors name */
.small {color: #F1F1F1;}
/* Page navigation links "<<< 1 of 10 next >>>" */
.pagenav{font-size: 14px; color: #fd9c68; }
.pagebar{font-size: 12px;}
.pagenav_prev{font-size: 14px; color: #fd9c68; }
.pagenav_next{font-size: 14px; color: #fd9c68; }
a.pagenav {color: #fd9c68; border-bottom: 0;}
a.pagenav:hover {color: #ea5506; border-bottom: 0;}
.pagenavcounter{ height: 15px; }
.back_button{font-size: 12px; height: 15px; }
/* Read more link */
.readon{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px; color:#ea5506;font-weight: bold;
}
/* Article index {mospagebreak} */
table.contenttoc {
padding: 0px;
margin: 2px;
font-size: 12px;
}
table.contenttoc th {
background: #484848;
color: White;
}
table.contenttoc td {padding: 2px;}
/* Links article index */
a.toclink:hover, a.toclink:visited, a.toclink:link { height: 18px; }
/* End Article index */
/* component heading */
.componentheading {
font-size: 23px;
font-weight: bold;
color:#66FF99;
text-align:left;
/* margin-top: 1.5em;
background-color: #FF9900;*/
padding:5px;
}
/* Sectiontable Table types listings Faqs's, weblink etc..*/
.sectiontableheader {
background-color : #000000;
color : #f1f1f1;
font-weight : bold;
border-collapse: collapse;
font-size: 11px;
}
/* Table odd and Even Rows */
.sectiontableentry1 { background-color:#404040;font-size: 11px;}
.sectiontableentry2 {background-color : #484848;font-size: 11px;}
.sectiontablefooter{ height: 18px; }
/* End Sectiontable */
/* Category */
.category {color:#ffffff;
font-size:18px;
line-height:50px;}
a.category:link, a.category:visited, a.category:hover { height: 15px; }
/* End category */
/* blogsection */
.blog {background-color : #000000;}
.blogsection{ height: 18px; }
.blog_more{ height: 18px; clear: both;}
.blog_heading { height: 18px; }
/* space from bottom of article */
.article_seperator{background-color : #000000;}
/* End blogsection */
/* Search Form Module*/
.search {height: 18px;}
/* results if not search google */
.searchintro{height: 18px;}
/*Search Form keyword highlight*/
.highlight {
border: 1px solid #000;
background: #000000;
padding: 0px 2px 0px 2px;}
/* End Search Form */
/* wrapper title */
.wrapper{background-color : #000000;}
/* ############# END CONTENT - SECTIONS & CATEGORIES ###########################*/
/* ##################### FORM SECTION #####################*/
form{font-size: 12px}
input {
font-family: Arial, Verdana, Helvetica, sans-serif;
background-color:#484848; font-size: 13px; color: #ffffff;
}
.inputbox {background: #484848; color:#FFCCFF}
.text_area {background: #484848;}
/* Pull down menu */
.selectbox {width: 100%;}
/* Submit Button */
.button {
border: 1px solid #fd9c68;
color: #fd9c68;
background-color: #484848;
background-image: url(../images/button_bg.png);
background-repeat: repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
text-decoration: none;
}
/* Contact Email Form */
.contact_email {margin: 0px;padding-left: 100px;}
/* ##################### END FORM SECTION ##################### */
/* ###################### TABBED EDITING ###################### */
/*When user login to edit or sumbit articles*/
/* for modifying {moscode} output. Don't set the colour! */
.moscode {
background-color: #d5d5d5;
}
.code {
font-family: courier, serif;
font-size: 1.2em;
padding: 2px;
background-color: #f0f0f0;
color: blue;
border: 1px solid #d5d5d5;
margin: 0px;
width: 90%;
}
/* Text passed with mosmsg url parameter */
.message {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size : 1em;
color : #666;
text-align: center;
}
/* Styles for dhtml tabbed-pages */
.ontab {
background-color: #666666;
border-left: outset 1px #666;
border-right: outset 1px #333;
border-top: outset 1px #666;
border-bottom: solid 1px #333;
text-align: center;
cursor: default;
font-weight: bold;
color: #FFFFFF;
padding: .2em;
}
.offtab {
background-color : #cccccc;
border-left: outset 1px #666;
border-right: outset 1px #333;
border-top: outset 1px #666;
border-bottom: solid 1px #333;
text-align: center;
cursor: default;
font-weight: normal;
padding: .2em;
}
.edit-tabs {
padding: 1em;
background: none;
}
.tabpadding {padding:1px;}
.tabheading {
background-color: #000000;
text-align: left;
}
.pagetext {
visibility: hidden;
display: none;
}
/*Body of the form*/
.adminform{ background-color:#663366; color:#FFCCFF;}
/* ###################### End TABBED EDITING ###################### */
.outertable {
border-top: ridge 4px #000;
border-right: solid 4px #000;
border-left: solid 4px #000;
border-bottom: ridge 5px #ffe3ba;
}
a.mainlevelvow:hover { color:#CCFF99;}
mceEditorContainer {background-color:#000000;}
/*############# My Own #############*/
#mooticker li {
text-align:center;
position: absolute;
top: 0;
left: 0;
display: block;
padding: 2px 4px;
font-weight: bold;
font-size: 11px;
text-decoration: none;
}
#mooticker {
text-align:center;
position: relative; /* important */
overflow: hidden; /* important */
width: 100px; /* important */
height:100px; /* important */
}
.tabs {
padding-top:3px;
}
.dm_menu_item_1_1,
.dm_menu_item_1_2,
.dm_menu_item_1_3,
.dm_menu_item_1_4 {
background:url(../images/tabs-mask-1.png) repeat-x;
}
#dm_tabs_1 ul.dm_menu_1 li.dm_menu_item_1_1,
#dm_tabs_1 ul.dm_menu_1 li.dm_menu_item_1_2,
#dm_tabs_1 ul.dm_menu_1 li.dm_menu_item_1_3,
#dm_tabs_1 ul.dm_menu_1 li.dm_menu_item_1_4 {
height:45px;
}
#dm_container_1 #dm_tab_1_1 {
background:url(../images/tabs-mask-content_bottom-1.png) repeat bottom;
margin-left:1px;
}
#dm_container_1 #dm_tab_1_2 {
background:url(../images/tabs-mask-content_bottom-2.png) repeat bottom;
margin-left:1px;
}
#dm_container_1 #dm_tab_1_3 {
background:url(../images/tabs-mask-content_bottom-3.png) repeat bottom;
margin-left:1px;
}
#dm_container_1 #dm_tab_1_4 {
background:url(../images/tabs-mask-content_bottom-4.png) repeat bottom;
margin-left:1px;
}
.top-menu {
background: #000000 url(../images/agent-menu-bg.png) repeat bottom;
}
/*Start: MWS - Banner Area*/
.mws-link {
width:836px;
height:50px;
}
.banner-left {
background: url(http://spotlight.manicwebsolutions.co.za/templates/mws-spotlight/images/banner-left.png) no-repeat top right;
width:71px;
height:116px;
}
.banner {
background: url(http://spotlight.manicwebsolutions.co.za/templates/mws-spotlight/images/banner.png) no-repeat;
width:691px;
height:97px;
}
.banner-right {
background: url(http://spotlight.manicwebsolutions.co.za/templates/mws-spotlight/images/banner-right.png) no-repeat top left;
width:74px;
height:116px;
}
.banner-bottom {
background: url(http://spotlight.manicwebsolutions.co.za/templates/mws-spotlight/images/banner-bottom.png) no-repeat;
width:692px;
height:19px;
}
/*End: MWS - Banner Area*/