/* Start of CMSMS style sheet 'ISRCv5 basic' */ /***************** browsers interpret margin and padding a little differently, we'll remove all default padding and margins and set them later on ******************/ * { margin:0; padding:0; } html { overflow-x: auto; /* this attribute sets the basis for all the other scrollbar colors (Internet Explorer 5.5+ only) */ scrollbar-arrow-color: #5576ac; scrollbar-base-color:#bfc3d4; } /* Set initial font styles */ body { text-align: left; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 75.01%; line-height: 1em; background-image:url(/image/layout/bkgrd3_passionred.jpg); margin: 10px 0; } /* set font size for all divs, this overrides some body rules */ div { font-size: 1em; } /***************** basic layout *****************/ div.breadcrumbs { padding: 0 0 1.2em 0; /* CSS short hand rule first value is top then right, bottom and left */ font-size: 90%; /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */ /* margin: 0 1em; */ } div#content { margin: 1.5em auto 2em 0; /* some air above and under menu and content */ } div#main { margin-left: 29%; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */ margin-right: 2%; /* and some air on the right */ } div#sidebar { float: left; /* set sidebar on the left side. Change to right to float it right instead. */ width: 26%; /* sidebar width, if you change this please also change #main margins */ display: inline; /* FIX IE double margin bug */ margin-left: 0; } /* as we hid all hr for accessibility we create new hr with extra div element */ div.hr { height: 2px; padding: 1em; border-bottom: 1px dotted #656565; /*dark gray*/ margin: 1em; } /* relational links under content */ div.left49 { width: 88%; /* 50% for both left and right might lead to rounding error on some browser */ } div.right49 { float: right; width: 10%; text-align: right; } /******************** CONTENT STYLING *********************/ div#content { } /* HEADINGS */ div#content h1 { font-size: 2em; /* font size for h1 */ line-height: 1em; margin: 0; } div#content h3 { color: #294B5F; font-size: 1.3em; line-height: 1.3em; margin: 0 0 0.5em 0; } div#content h4 { color: #294B5F; font-size: 1.2em; line-height: 1.3em; margin: 0 0 0.25em 0; } div#content h5 { color: #294B5F; font-size: 1.1em; line-height: 1.3em; margin: 0 0 0.25em 0; } h6 { color: #294B5F; font-size: 1em; line-height: 1.3em; margin: 0 0 0.25em 0; } /* END HEADINGS */ /* TEXT */ p { font-size: 1em; margin: 0 0 1.5em 0; /* some air around p elements */ line-height: 1.4em; padding: 0; } blockquote { margin: 0 15px; text-align: justify; padding: 4px 10px; font-weight: bold; color: #762a34; line-height: 1.2em; font-family: 'Trebuchet MS', Verdana, Tahoma; } strong, b { /* explicit setting for these */ font-weight: bold; } em, i { /* explicit setting for these */ font-style:italic; } /* Wrapping text in tags. Makes CSS not validate */ code, pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ font-family: "Courier New", Courier, monospace; font-size: 1em; } pre { border: 1px solid #000; /* black border for pre blocks */ background-color: #ddd; margin: 0 1em 1em 1em; padding: 0.5em; line-height: 1.5em; font-size: 90%; } /* Separating the divs on the template explanation page, with some bottom-border */ div.templatecode { margin: 0 0 2.5em; } /* END TEXT */ /* LISTS */ /* lists in content need some margins to look nice */ div#main ul, div#main ol, div#main dl { font-size: 1.0em; line-height: 1.4em; margin: 0 0 1.5em 0; } div#main ul li, div#main ol li { margin: 0 0 0.25em 3em; } /* definition lists topics on bold */ div#main dl dt { font-weight: bold; margin: 0 0 0 1em; } div#main dl dd { margin: 0 0 1em 1em; } div#main dl { margin-bottom: 2em; padding-bottom: 1em; border-bottom: 1px solid #c0c0c0; } /* END LISTS */ /* IFrames to embed Chinese Zodiac */ #myframe { height: 380px; } /* END IFrames */ /* ISRC Basic Fonts */ img { border: 0; } input, textarea, select { /* background: #F5F7F8; */ background: #EFEFf6; font-family: 'Trebuchet MS', Verdana, Tahoma; font-size: 11px; color: #000; margin-bottom: 2px; } #contentwrapper { margin: 0 auto; width: 95%; /* background: #000; */ background: #131518; } #contentwrapper p { font-family: 'Trebuchet MS', Verdana, Tahoma; font-size: 9pt; } #company_header .radio { background: #597EBF; border: 0; } /*--header top menu bar--------------------------------*/ #horizontalnav ul { margin: 0; padding: 0; list-style-type: none; } #horizontalnav ul li { display: inline; list-style-type: none; font-weight: bold; margin: 0 15px; /* That's the distance between the linked items. */ font-size: 14px; } #horizontalnav ul li a { text-decoration: none; color: #FFF; /*04030c*/ } #horizontalnav ul li a:hover { text-decoration: none; color: #c00; /*c00*/ } /*---------Footer---------------*/ #footer { font-family: 'Trebuchet MS', Tahoma, Verdana, Arial; font-size: 12px; color: #000; margin: 0 auto; } #footer a, #footer a:visited, #footer a:link, #footer a:active { color: #2a2862; text-decoration: none; } #footer a:hover { text-decoration: none; color: #cb081a; } /*---------Copyright --------------*/ #copyright { font-family: 'Trebuchet MS', Tahoma, Verdana, Arial; font-size: 10.5px; color: yellow; margin-right: auto; margin-left: auto; } #copyright a, #copyright a:visited, #copyright a:link, #copyright a:active { color: yellow; text-decoration: none; } #copyright a:hover { text-decoration: none; } #copyright ul { margin: 2px; padding: 0; list-style-type: none; } #copyright ul li { display: inline; list-style-type: none; margin: 0 5px; /* That's the distance between the linked items. */ } /*------Member Login-------*/ #login { margin: 10px 5px; color: #444;} #login ul { margin:0;padding:0;} #login ul li { display:inline;margin-left: 10px; } /* End of 'ISRCv5 basic' */