/*--Set Body Color--*/ body{background-color:#f8f9f9;} /*--Set Blockholder Padding--*/ .block_holder{padding:30px } /*--Set Background Image--*/ body{background-color: transparent;} html{ background: url(/images/background-darkblue-purple.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*--End Background Image--*/ /*--Body font size--*/ body{font-size: 15px} /*-------------------------------------------------------------*/ /*----------------------Buttons Styling------------------------*/ /*-------------------------------------------------------------*/ /*--Styles Button Color--*/ .content_vote .btn, .btn.dropdown-toggle, .pager.pagenav a, .pager a, .btn-primary, span.content_vote input.btn, .btn, .input-append .add-on, .input-prepend .add-on, .btn.active, .btn:active, .btn:hover,.pagination ul,.readmore a.btn{background-color: #915d91; border-color: #915d91; } #main span.content_vote input.btn{background-color: #915d91 !important;} /*buttons text, icons carets color styling*/ #main a.btn, #main a:hover.btn, button.btn, .pagenav, #main a.pagenav, #main a:hover.pagenav, #main ul.pager li.previous a, #main ul.pager li.next a, i, span.content_vote input.btn{color: #ffffff !important;} .caret{border-top: 4px solid #ffffff !important;} #main div#editor-xtd-buttons.btn-toolbar div.btn-toolbar a.btn,span.add-on{color: #ffffff !important; background-color: #915d91 !important;} .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {background-color: #915d91 !important;} /*--Print/Email Button Group Styling--*/ .btn-group a.btn, .btn-group > .btn, .btn-group > .dropdown-menu{background-color: #626358 !important; border-color: #626358 !important;} /*--Print/Email Button Group icons,caret,text color styling--*/ div.btn-group a.btn i,div.btn-group ul.dropdown-menu li a i, #main div.btn-group ul.dropdown-menu li a, #main div.btn-group ul.dropdown-menu li a:hover{color: #330033 !important;} div.btn-group a.btn span.caret{border-top: 4px solid #330033 !important;} div.btn-group a.btn span.icon-cog{color: #330033 !important;} /*-------------------------------------------------------------*/ /*--------------------End Buttons Styling----------------------*/ /*-------------------------------------------------------------*/ /*--Input Boxes Styling - background color and text color--*/ .form-search input, .form-search textarea, .form-search select, .form-search .help-inline, .form-search .uneditable-input, .form-search .input-prepend, .form-search .input-append, .form-inline input, .form-inline textarea, .form-inline select, .form-inline .help-inline, .form-inline .uneditable-input, .form-horizontal input, .form-horizontal textarea, .form-horizontal select, .form-horizontal .help-inline, .form-horizontal .uneditable-input, .form-horizontal .input-prepend, .form-horizontal .input-append {background-color:#faffbd !important; border-color: #faffbd !important; color: #000000 !important;} /*--Tags Styling - background color and text color--*/ div.tags span a.label {background-color: #000000 !important;} #main div.tags span a.label{color: #ffffff !important;} /*-------------------------------------------------------------*/ /*---------------End Global Parmameters Styling----------------*/ /*-------------------------------------------------------------*/ /*--Load script to convert hex color to rgba--*/ /*-------------------------------------------------------------*/ /*------------Start Header Block Parmameters Styling-----------*/ /*-------------------------------------------------------------*/ /*--Header Container background color and Opacity setting--*/ /*--Header container, logo/menu responsive container, container social mobile set color--*/ #container_header.container, #container_logo_menu_mobile, #container_social_mobile{ background-color: #330033; background-color: rgba(51,0,51, 0.4 ); } /*--Header Wrapper background color and Opacity setting--*/ #header.block_holder{ background-color: #ffffff; background-color: rgba(255,255,255, 0 ); } /*--Header Margins--*/ #header.block_holder{margin-left:0px} #header.block_holder{margin-right:0px} /*-----------------------Search Styling-------------------------------*/ /*--search background color-- */ #search input#mod-search-searchword.inputbox, #mobile_search .inputbox{background-color: #ffffff !important;} /*--search text color-- */ #search input#mod-search-searchword.inputbox, #mobile_search .inputbox{color: #787878 !important;} /*--search box positioning-- */ #search{top: 160px} #search{right: 17px} /*---------------------End Search Styling ----------------------------*/ /*----------------Social Icons Color Styling -----------*/ /*--Social Icons Color dark--*/ #social ul li a{background-position: 0px -40px;} /*--------------End Social Icons Styling --------------*/ /*---------------------Header Custom Module Styling------------------------*/ /*--header custom module text color-- */ #custom{color: #a8a8a8} /*--header custom module links colors-- */ #custom a{color: #a8a8a8} #custom a:hover{color: #a8a8a8} /*--header custom module positioning-- */ #custom{top: 105px} #custom{right: 0px} /*--------------------End Header Custom Module Styling---------------------*/ /*-------------------------------------------------------------*/ /*------------End Header Block Parmameters Styling-------------*/ /*-------------------------------------------------------------*/ /*-----------------------------------------------------------------*/ /*--------------------------Start Logo Styling---------------------*/ /*-----------------------------------------------------------------*/ /*--Set Logo Image position and locate logo image file--*/ #logo{left:0px} #logo{top:40px} h1.logo a {background: url(/images/stories/transparent-large-white-150w.png) no-repeat; z-index:1;} /*--End Set Logo Image position and locate logo image file--*/ /*--Text Colors for Logo and Slogan--*/ h1.logo-text a {color: #2b2b2b } p.site-slogan {color: #2b2b2b } /*-----------------------------------------------------------------*/ /*------------------------End Logo Styling-------------------------*/ /*-----------------------------------------------------------------*/ /*-----------------------------------------------------------------*/ /*--------------------------Start Menu Styling---------------------*/ /*-----------------------------------------------------------------*/ /*--Hornav Ul text color and dropdown background color and hornav hover color--*/ #hornav ul li a{color: #777b88 } #subMenusContainer ul, #subMenusContainer ol{background-color: #f5f5f5} #subMenusContainer ul, #subMenusContainer ol{border:1px solid #f5f5f5} #hornav li.active, #hornav li.visited, #hornav li:hover {background-color: #869cf7 } #hornav li.active a, #hornav li.visited a, #hornav li:hover a {color: #ffffff} /*--Hornav Bar Color-- */ #hornav {background-color: #ffffff } /*--Hornav dropdown text color and text hover color-- */ #subMenusContainer a {color: #333333} #subMenusContainer a:hover, #subMenusContainer a:focus, #subMenusContainer a.subMenuParentBtnFocused {color: #656666} /*--Responsive Menu Toggle Switch-- Check to see if hornav hover color is white. If so then use Hover text color. Reason for this is the toggle requires a background color other than white to show the menu image lines */ #nav-toggle {background-color: #869cf7} /*--Responsive Menu nav a background color-- */ #nav a{background-color: #ffffff } /*--Responsive Menu nav a text color-- */ #nav a{color: #ffffff } #nav a{background-color: #869cf7 } /*--Responsive Menu nav a sub menu item background color,link color,link hover color-- */ #nav ul ul a{color: #333333} #nav ul ul a:hover{color: #656666} #nav ul ul a{background-color: #f5f5f5} /*-----------------------------------------------------------------*/ /*--------------------------End Menu Styling-----------------------*/ /*-----------------------------------------------------------------*/ /*-----------------------------------------------------------------*/ /*-------------Start Slideshow Block Parmameters Styling-----------*/ /*-----------------------------------------------------------------*/ /*--Set Slideshow Module Block Container Image--*/ /*--Slideshow full or boxed--*/ /*--Set images to full width if fullwidth selected in parameters--*/ /*--Slideshow Container background color and Opacity setting--*/ #container_slideshow.container{ background-color: #ffffff; background-color: rgba(255,255,255, 0 ); } /*--Slideshow Navigation color and Opacity setting--*/ .nivo-controlNavHolder{ background-color: #ffffff; background-color: rgba(255,255,255, 0.1 ); } /*--Container padding--*/ #container_slideshow.container{padding-top:0px} #container_slideshow.container{padding-bottom:0px} /*-----------------------------------------------------------------*/ /*--------------End Slideshow Block Parmameters Styling------------*/ /*-----------------------------------------------------------------*/ /*-------------------------------------------------------------*/ /*--------Start Top Module Block Parmameters Styling--------*/ /*-------------------------------------------------------------*/ /*--Set Top Module Block Container Image--*/ /*--End Top Module Block Container Image--*/ /*--Top Module Block Color Styling--*/ /*--Container background color and Opacity setting--*/ #container_top_modules.container{ background-color: #ffffff; background-color: rgba(255,255,255, 0 ); } /*--Wrapper background color and Opacity setting--*/ #top_modules.block_holder{ background-color: #ffffff; background-color: rgba(255,255,255, 0.5 ); } /*--Container Text Color--*/ #top_modules{color:#4c4e57 !important; } /*--Container Link Color--*/ #top_modules a{color:#330033 !important; } /*--Container Link Hover Color--*/ #top_modules a:hover{color:#050005 !important; } /*--Container Module Head Color--*/ #top_modules .module h3, #top_modules .module_menu h3{background-color:#ffffff; } /*--Container Module Head Color On/Off--*/ #top_modules .module h3, #top_modules .module_menu h3{background-color: transparent !important; } /*--Container Module Head Text Color--*/ #top_modules .module h3, #top_modules .module_menu h3{color:#777b88 !important; } /*--Container Menu Link Color--*/ #top_modules .module ul.menu li a, #top_modules .module_menu ul.menu li a{color:#1ec5e9 !important; } #top_modules .module ul a, #top_modules .module_menu ul a{border-color:#1ec5e9 !important; } /*--Container Menu Link Hover Color--*/ #top_modules .module ul.menu li a:hover, #top_modules .module_menu ul.menu li a:hover{color:#1ec5e9 !important; } #top_modules .module ul a:hover, #top_modules .module_menu ul a:hover{border-color:#1ec5e9 !important; } /*--Container padding--*/ #container_top_modules.container{padding-top:0px} #container_top_modules.container{padding-bottom:0px} /*--Module Head padding--*/ #top_modules .module h3, #top_modules .module_menu h3{padding-left:0px} #top_modules .module h3, #top_modules .module_menu h3{padding-right:0px} /*-------------------------------------------------------------*/ /*---------End top Module Block Parmameters Styling---------*/ /*-------------------------------------------------------------*/ /*-------------------------------------------------------------*/ /*--------Start Main Content Block Parmameters Styling--------*/ /*-------------------------------------------------------------*/ /*--Set Main Content Block Container Image--*/ /*--End Main Content Block Container Image--*/ /*--Main Container Block Color Styling--*/ /*--Container background color and Opacity setting--*/ #container_main.container{ background-color: #ffffff; background-color: rgba(255,255,255, 0 ); } /*--Wrapper background color and Opacity setting--*/ #main.block_holder{ background-color: #ffffff; background-color: rgba(255,255,255, 1 ); } /*--Article Title Color--*/ #content_full h2, #content_full h2 a:link, #content_full h2 a:visited, #content_full .content_header, #content_full .articleHead, #content_remainder h2, #content_remainder h2 a:link, #content_remainder h2 a:visited, #content_remainder .content_header, #content_remainder .articleHead{color: #330033 !important; } /*--Container Text Color--*/ #main, ul.breadcrumb li span{color:#242424 !important; } /*--Container Link Color--*/ #main a, .module ul.breadcrumb li a, .module_menu ul.breadcrumb li a{color:#2c3d7f !important; } /*--Container Link Hover Color--*/ #main a:hover{color:#138f13 !important; } /*--Container Module Head Color--*/ #main .module h3, #main .module_menu h3{background-color:#ffffff; } /*--Container Module Head Color On/Off--*/ .sidecol_block .module h3, .sidecol_block .module_menu h3, .contenttop .module h3, .contenttop .module_menu h3, .contentbottom .module h3, .contentbottom .module_menu h3{background-color: transparent !important; } /*--Container Module Head Text Color--*/ .sidecol_block .module h3, .sidecol_block .module_menu h3, .contenttop .module h3, .contenttop .module_menu h3, .contentbottom .module h3, .contentbottom .module_menu h3{color:#232323 !important; } /*--Container Menu Link Color--*/ #main .module ul.menu li a, #main .module_menu ul.menu li a{color:#363636 !important; } #main .module ul a, #main .module_menu ul a{border-color:#363636 !important; } /*--Container Menu Link Hover Color--*/ #main .module ul.menu li a:hover, #main .module_menu ul.menu li a:hover{color:#858585 !important; } #main .module ul a:hover, #main .module_menu ul a:hover{border-color:#858585 !important; } /*--Container padding--*/ #container_main.container{padding-top:30px} #container_main.container{padding-bottom:0px} /*--Module Head padding--*/ #main .module h3, #main .module_menu h3{padding-left:0px} #main .module h3, #main .module_menu h3{padding-right:0px} /*--Accordion Headings (background color set to #main wrapper color--*/ div#slide-contact.accordion div.accordion-group div.accordion-heading{background-color: #ffffff !important; } /*-------------------------------------------------------------*/ /*---------End Main Content Block Parmameters Styling---------*/ /*-------------------------------------------------------------*/ /*-------------------------------------------------------------*/ /*--------Start Bottom Module Block Parmameters Styling--------*/ /*-------------------------------------------------------------*/ /*--Set Bottom Module Block Container Image--*/ /*--End Bottom Module Block Container Image--*/ /*--Bottom Module Block Color Styling--*/ /*--Container background color and Opacity setting--*/ #container_bottom_modules.container{ background-color: #ffffff; background-color: rgba(255,255,255, 1 ); } /*--Wrapper background color and Opacity setting--*/ #bottom_modules.block_holder{ background-color: #ffffff; background-color: rgba(255,255,255, 0 ); } /*--Container Text Color--*/ #bottom_modules{color:#383838 !important; } /*--Container Link Color--*/ #bottom_modules a{color:#383838 !important; } /*--Container Link Hover Color--*/ #bottom_modules a:hover{color:#9e9e9e !important; } /*--Container Module Head Color--*/ #bottom_modules .module h3, #bottom_modules .module_menu h3{background-color:#ffffff; } /*--Container Module Head Color On/Off--*/ #bottom_modules .module h3, #bottom_modules .module_menu h3{background-color: transparent !important; } /*--Container Module Head Text Color--*/ #bottom_modules .module h3, #bottom_modules .module_menu h3{color:#1ec5e9; } /*--Container Menu Link Color--*/ #bottom_modules .module ul.menu li a, #bottom_modules .module_menu ul.menu li a{color:#1ec5e9 !important; } #bottom_modules .module ul a, #bottom_modules .module_menu ul a{border-color:#1ec5e9 !important; } /*--Container Menu Link Hover Color--*/ #bottom_modules .module ul.menu li a:hover, #bottom_modules .module_menu ul.menu li a:hover{color:#1ec5e9 !important;} #bottom_modules .module ul a:hover, #bottom_modules .module_menu ul a:hover{border-color:#1ec5e9 !important; } /*--Container padding--*/ #container_bottom_modules.container{padding-top:0px} #container_bottom_modules.container{padding-bottom:0px} /*--Module Head padding--*/ #bottom_modules .module h3, #bottom_modules .module_menu h3{padding-left:0px} #bottom_modules .module h3, #bottom_modules .module_menu h3{padding-right:0px} /*-------------------------------------------------------------*/ /*---------End Bottom Module Block Parmameters Styling---------*/ /*-------------------------------------------------------------*/ /*-------------------------------------------------------------*/ /*--------Start base Module Block Parmameters Styling--------*/ /*-------------------------------------------------------------*/ /*--Set base Module Block Container Image--*/ /*--End base Module Block Container Image--*/ /*--base Module Block Color Styling--*/ /*--Container background color and Opacity setting--*/ #container_base.container{ background-color: #030303; background-color: rgba(3,3,3, 0.4 ); } /*--Wrapper background color and Opacity setting--*/ #base.block_holder{ background-color: #ffffff; background-color: rgba(255,255,255, 0 ); } /*--Container Text Color--*/ #base{color:#ffffff !important;} /*--Container Link Color--*/ #base a{color:#ffffff !important;} /*--Container Link Hover Color--*/ #base a:hover{color:#ffffff !important; } /*--Container Module Head Color--*/ #base .module h3, #base .module_menu h3{background-color:#ffffff; } /*--Container Module Head Color On/Off--*/ /*--Container Module Head Text Color--*/ #base .module h3, #base .module_menu h3{color:#1ec5e9; } /*--Container Menu Link Color--*/ #base .module ul.menu li a, #base .module_menu ul.menu li a{color:#000000 !important; } #base .module ul a, #base .module_menu ul a{border-color:#000000 !important; } /*--Container Menu Link Hover Color--*/ #base .module ul.menu li a:hover, #base .module_menu ul.menu li a:hover{color:#000000 !important;} #base .module ul a:hover, #base .module_menu ul a:hover{border-color:#000000 !important;} /*--Container padding--*/ #container_base.container{padding-top:0px} #container_base.container{padding-bottom:0px} /*--Module Head padding--*/ #base .module h3, #base .module_menu h3{padding-left:10px} #base .module h3, #base .module_menu h3{padding-right:10px} /*-------------------------------------------------------------*/ /*---------End base Module Block Parmameters Styling---------*/ /*-------------------------------------------------------------*/ /*-----------------------------------------------------------------*/ /*--------Start Copright / Footer Block Parmameters Styling--------*/ /*-----------------------------------------------------------------*/ /*--Copright / Footer Block Color Styling--*/ /*--Container background color and Opacity setting--*/ #container_copyright_footermenu.container{ background-color: #777b88; background-color: rgba(119,123,136, 0.3 ); } /*--Wrapper background color and Opacity setting--*/ #copyright-footermenu.block_holder{ background-color: #ffffff; background-color: rgba(255,255,255, 0.2 ); } /*--Container Text Color--*/ #copyright-footermenu{color:#330033 !important; } /*--Container Link Color--*/ #copyright-footermenu a{color:#869cf7 !important; } /*--Container Link Hover Color--*/ #copyright-footermenu a:hover{color:#777b88 !important; } /*--Footer Menu Link Color--*/ #footermenu ul li a{color:#000000 !important; } #footermenu ul li a{border-color:#000000 !important; } /*--Footer Menu Link Hover Color--*/ #footermenu ul li a:hover{color:#000000 !important;} #footermenu ul li a:hover{border-color:#000000 !important; } /*--Container padding--*/ #container_copyright_footermenu.container{padding-top:20px} #container_copyright_footermenu.container{padding-bottom:20px} /*-----------------------------------------------------------------*/ /*--------End Copright / Footer Block Parmameters Styling--------*/ /*-----------------------------------------------------------------*/ /*------------------------------------------------------------------*/ /*----------Start Style Side Column and Content Layout Divs---------*/ /*------------------------------------------------------------------*/ /*--Get Side Column widths from Parameters--*/ #sidecol_a {width: 25% } #sidecol_b {width: 0% } /*--Check and see what modules are toggled on/off then take away columns width, margin and border values from overall width*/ #content_remainder {width:72% } /*Style Side Column A, Side Column B and Content Divs layout*/ #content_remainder {float:left;} #sidecol_a {float:right;} #sidecol_b {float:right;} /*Style Side Column A, Content, Side Column B Divs layout*/ /*------------------------------------------------------------------*/ /*-----------End Style Side Column and Content Layout Divs----------*/ /*------------------------------------------------------------------*/ /*--Load Custom Css Styling--*/ /* my css */ table.terms th, td { padding: 8px; } table.magic { color: #FFFFFF; border-width: medium; border-spacing: ; border-style: inset; border-color: gray; border-collapse: collapse; } table.magic td{ font-family: tahoma, Arial, sans-serif; font-size:13px; line-height:150%; border-width: 2px; padding: 3px; border-style: inset; border-color: gray; } table.magic th{ font-family: tahoma, Arial, sans-serif; font-size:13px; line-height:150%; font-weight:bold; border-width: 2px; padding: 3px; border-style: inset; border-color: gray; background-color: white; } td.view { color:#000000; } th.view { color:#000000; } td.notview { /*background-image:url(/images/stories/lightbulbette.png);*/ background-repeat:no-repeat; text-align:left; } table.gold { border-width: 2px; border-spacing: 0px; border-style: outset; border-color: gray; border-collapse: collapse; background-color: white; } table.gold th { border-width: 1px; padding: 3px; border-style: inset; border-color: black; background-color: rgb(255, 245, 238); -moz-border-radius: ; } table.gold td { border-width: 1px; padding: 3px; border-style: inset; border-color: black; background-color: rgb(255, 245, 238); -moz-border-radius: ; } .plaintable { margin:0px;padding:0px; width:100%; border:1px solid #000000; -moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius:0px; border-bottom-left-radius:0px; -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px; border-bottom-right-radius:0px; -moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px; border-top-right-radius:0px; -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; border-top-left-radius:0px; }.plaintable table{ width:100%; height:100%; margin:0px;padding:0px; }.plaintable tr:last-child td:last-child { -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px; border-bottom-right-radius:0px; } .plaintable table tr:first-child td:first-child { -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; border-top-left-radius:0px; } .plaintable table tr:first-child td:last-child { -moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px; border-top-right-radius:0px; }.plaintable tr:last-child td:first-child{ -moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius:0px; border-bottom-left-radius:0px; }.plaintable tr:hover td{ background-color:#ffffff; } .plaintable td{ vertical-align:middle; background-color:#ffffff; border:1px solid #000000; border-width:0px 1px 1px 0px; text-align:left; padding:7px; font-size:11px; font-family:Helvetica; font-weight:normal; color:#000000; }.plaintable tr:last-child td{ border-width:0px 1px 0px 0px; }.plaintable tr td:last-child{ border-width:0px 0px 1px 0px; }.plaintable tr:last-child td:last-child{ border-width:0px 0px 0px 0px; } .plaintable tr:first-child td{ background:-o-linear-gradient(bottom, #e5e5e5 5%, #ffffff 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e5e5e5), color-stop(1, #ffffff) ); background:-moz-linear-gradient( center top, #e5e5e5 5%, #ffffff 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#e5e5e5", endColorstr="#ffffff"); background: -o-linear-gradient(top,#e5e5e5,ffffff); background-color:#e5e5e5; border:0px solid #000000; text-align:center; border-width:0px 0px 1px 1px; font-size:13px; font-family:Helvetica; font-weight:bold; color:#666666; } .plaintable tr:first-child:hover td{ background:-o-linear-gradient(bottom, #e5e5e5 5%, #ffffff 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e5e5e5), color-stop(1, #ffffff) ); background:-moz-linear-gradient( center top, #e5e5e5 5%, #ffffff 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#e5e5e5", endColorstr="#ffffff"); background: -o-linear-gradient(top,#e5e5e5,ffffff); background-color:#e5e5e5; } .plaintable tr:first-child td:first-child{ border-width:0px 0px 1px 0px; } .plaintable tr:first-child td:last-child{ border-width:0px 0px 1px 1px; } .tidytable { margin:0px;padding:0px; width:100%; border:1px solid #000000; -moz-border-radius-bottomleft:2px; -webkit-border-bottom-left-radius:2px; border-bottom-left-radius:2px; -moz-border-radius-bottomright:2px; -webkit-border-bottom-right-radius:2px; border-bottom-right-radius:2px; -moz-border-radius-topright:2px; -webkit-border-top-right-radius:2px; border-top-right-radius:2px; -moz-border-radius-topleft:2px; -webkit-border-top-left-radius:2px; border-top-left-radius:2px; }.tidytable table{ width:100%; height:100%; margin:0px;padding:0px; }.tidytable tr:last-child td:last-child { -moz-border-radius-bottomright:2px; -webkit-border-bottom-right-radius:2px; border-bottom-right-radius:2px; } .tidytable table tr:first-child td:first-child { -moz-border-radius-topleft:2px; -webkit-border-top-left-radius:2px; border-top-left-radius:2px; } .tidytable table tr:first-child td:last-child { -moz-border-radius-topright:2px; -webkit-border-top-right-radius:2px; border-top-right-radius:2px; }.tidytable tr:last-child td:first-child{ -moz-border-radius-bottomleft:2px; -webkit-border-bottom-left-radius:2px; border-bottom-left-radius:2px; }.tidytable tr:hover td{ background-color:#ffffff; } .tidytable td{ vertical-align:middle; background-color:#ffffff; border:1px solid #000000; border-width:0px 1px 1px 0px; text-align:left; padding:2px; font-size:11px; font-family:Helvetica; font-weight:normal; color:#000000; }.tidytable tr:last-child td{ border-width:0px 1px 0px 0px; }.tidytable tr td:last-child{ border-width:0px 0px 1px 0px; }.tidytable tr:last-child td:last-child{ border-width:0px 0px 0px 0px; } .tidytable tr:first-child td{ background:-o-linear-gradient(bottom, #670711 5%, #cd2233 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #670711), color-stop(1, #cd2233) ); background:-moz-linear-gradient( center top, #670711 5%, #cd2233 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#670711", endColorstr="#cd2233"); background: -o-linear-gradient(top,#670711,cd2233); background-color:#670711; border:0px solid #000000; text-align:center; border-width:0px 0px 1px 1px; font-size:15px; font-family:Helvetica; font-weight:bold; color:#ffffff; } .tidytable tr:first-child:hover td{ background:-o-linear-gradient(bottom, #670711 5%, #cd2233 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #670711), color-stop(1, #cd2233) ); background:-moz-linear-gradient( center top, #670711 5%, #cd2233 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#670711", endColorstr="#cd2233"); background: -o-linear-gradient(top,#670711,cd2233); background-color:#670711; } .tidytable tr:first-child td:first-child{ border-width:0px 0px 1px 0px; } .tidytable tr:first-child td:last-child{ border-width:0px 0px 1px 1px; } h3.nicememberships_title { font-size:12px; font-weight:bold; } .mybottomcss { font-size: 0.88em; text-align: center; color: #a9a9a9; background-color: #000000; } .mybottomcss a {color: #a9a9a9; text-decoration: none; } .mybottomcss a:hover {color: #a9a9a9; text-decoration: none; } .myadvancedsearchcss { font-size: 0.88em; text-align: center; color: #a9a9a9; } .myadvancedsearchcss a {color: #a9a9a9; text-decoration: none; } .myadvancedsearchcss a:hover {color: #a9a9a9; text-decoration: none; } table.noborder { border-width: 0px; border-spacing: 0px; border-style: none; border-collapse: separate; background-color: white; } table.noborder th { border-width: 0px; padding: 1px; border-style: inset; background-color: white; -moz-border-radius: ; } table.noborder td { border-width: 0px; padding: 1px; border-style: inset; background-color: white; -moz-border-radius: ; } label{margin:0 !important;} .radio input[type="radio"]{float:none !important;} .logout-button .btn {color:#ffffff !important;} #main A.aq-btn-continue.btn {color: #000 !important;} #main #ariQuizContainer A.btn {color: #000 !important;} #main #ariQuizContainer A.btn.btn-primary {color: #FFF !important;} .aq-ic-wrapper {font-family:arial;} #player { width: 100px; } .share-container { padding-top: 15px; padding-bottom: 15px; } .benefits { color: #0b0b0b; font-family: 'open sans', sans-serif; font-size: 15px; line-height: 21.4286px; font-weight: bold; } div.categorypage { float: left; border: 1px #00137F solid; border-radius: 5px; margin-right: 5px; padding: 4px; background-color: #c9d1ff; text-align:center; } div.categorypage2 { float: left; border: 1px #007F46 solid; border-radius: 5px; margin-right: 5px; padding: 4px; background-color: #A8FFB2; text-align:center; } .buttonbuy { padding: 10px; background-color: white; border: none; color: white; padding: 14px 26px; text-align: center; text-decoration: none; display: inline-block; font-size: 15px; font-weight: bold; cursor: pointer; border-radius:4px; } .buttonbuy:hover { background-color: #E5E5E5; } div.products{ width: 140px; height:280px; float: left; border: 1px #00137F solid; border-radius: 5px; margin-right: 5px; padding: 4px; background-color: #c9d1ff; text-align:center; margin-bottom:10px; } div.products2{ width: 100%; float: left; border: 1px #00137F solid; border-radius: 5px; margin-right: 5px; padding: 4px; background-color: #8FC6C3; text-align:left; margin-bottom:10px; }
user_mobilelogo

Join over 19,000 others and become a member of MyMusicTheory.com - it's free!

join for free

This site is written by

victoria Williams Music Theory

Victoria Williams

LmusTCL BA Mus (Hons) MISM

Learn more...

book cover notes

 

We have 4312 guests and 5 members online

Please note: this website is not run by the ABRSM and is a completely independent business.


Get the MyMusicTheory Course Book

Grade 4 Course

Buy PDF
 
Next UK ABRSM Online Theory Exams Grades 1-5:
16th March 2021
Next UK Trinity Paper-based Theory Exams Grades 1-8:
Sat 8th May 2021

Browse by Music Grade: Grade 1 | Grade 2 | Grade 3 | Grade 4 | Grade 5 | Grade 6 | Grade 7 | Grade 8 | Diplomas | What Grade am I?

bs4Download this Grade 4 Music Theory Course, or Buy the Printed Book Version

Buy Grade 4 Theory Past Papers

Get some help!

{tip Click for more info!}now on amazon topbanner normalamazon logo