body {background:white; margin:0; padding:0; width:100%; }
/* body {background: url(../Images/Backgrounds/ICLEI_bodybackground.png) top center no-repeat;} */
/* SCREEN SIZES */
body {min-width:1000px; font-size: 16px; line-height:19px;}
/* FONTS */
.lustria {font-family: 'Lustria', serif !important; font-weight:400 !important;}
.Helvetica-Light { font-family: 'Helvetica-Light', serif; }
.gentium { font-family: 'Gentium Basic', serif; }
.squada {font-family: 'Squada One', normal;}
.opensans {font-family: 'Open Sans', sans-serif;}
.droid {font-family: 'Droid Sans Mono', sans-serif;}
.helvetica {font-family: arial, verdana, helvetica;}
.arial {font-family: Arial, Helvetica, sans-serif;}
.quattro {font-family: 'Quattrocento', serif;} /* HEADER SubTITLE */
.roboto {font-family: 'Roboto Condensed', sans-serif !important;} /* NAVIGATION MENU TIER 1 */
.roboto_normal {font-family: 'Roboto', sans-serif !important;}
.textjustify {text-align:justify;}
.textright {text-align:right;}
.textleft {text-align:left;}
.textcenter{text-align:center;}
.fontsize10 {font-size:10px; line-height:12px; }
.fontsize13 {font-size:13px; line-height:15px; }
.fontsize15 {font-size:15px; line-height:17px; }
.fontsize18 {font-size:18px; line-height:20px; }
.fontsize20 {font-size:20px; line-height:22px; }
.fontsize25 {font-size:25px; line-height:27px; }
.fontsize30 {font-size:30px; line-height:36px; }
.fontsize40 {font-size:40px; line-height:46px; }
.fontsize42 {font-size:42px; line-height:48px; }
.fontsize50 {font-size:50px; line-height:56px; }
.fontsize60 {font-size:60px; line-height:66px; }
.bold {font-weight: bold;}
.lighter {font-weight: 200;}
/* COLOURS */
.blue_urbis { color: #8EC9E9; }
.green_iclei { color: #000087; }
.white {color:white;}
.green_urbis {color:#257E84;}
.darkblue_urbis {color:#144A92;}
.lightblue_urbis {color:#3C8FB9;}
.turquoise_urbis {color:#0676B6;}
.lighterblue_urbis {color:#47A3D4;}
.green_leaf {color:#91B91A;}
.orange_urbis {color:#D17B2E;}
.lightgrey {color:lightgrey;}
.darkblue_awasla {color:#000067;}
.GREEN_SKYLINE {background:#8DC8B2;}
.BLUE_URBIS { background: #8EC9E9; }
.GREEN_ICLEI { background: #000087; }
.WHITE {background:white;}
.GREEN_URBIS {background:#257E84;}
.DARKBLUE_URBIS {background:#144A92;}
.LIGHTBLUE_URBIS {background:#3C8FB9;}
.TURQUOISE_URBIS {background:#0676B6;}
.LIGHTERBLUE_URBIS {background:#47A3D4;}
.GREEN_LEAF {background:#91B91A;}
.ORANGE_URBIS {background:#D17B2E;}
.RED {background:red;}
.DARKBLUE_MAPHEADER {background:#061A40;}
.DARKBLUE_MAPSIDEBAR {background:#061A40;}
.whiteshadow {text-shadow:2px 2px 2px white;}
.blackshadow {text-shadow:1px 1px 1px black;}
.noshadow {text-shadow:none; }
.morelineheight p {line-height: 135%;}
p.morelineheight {line-height: 135%;}
/* USEFUL */
.hideObject {display:none !important;}
.unselectable{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.wholespace {position:absolute; top:0; left:0; right:0; bottom:0;}
.fullsize {width:100%; height:100%;}
.circle_heading { position:absolute; display:inline-block; background: #FFE144; width: 15px; height: 15px; top:0; left:0; margin-top:-2px; margin-left:-8px; border-radius: 50%; z-index:-1;}
a:visited, a:link {color:inherit;}
a {text-decoration: inherit;}
img {border:none;}
/* ICLEI MAIN WEBPAGE */
/* WIREFRAME */
/* slightly enhanced, universal clearfix hack */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
body.bubbles {background:#FFFFAA; background-image:url('../Images/Backgrounds/body-bg.jpg'); background-attachment:fixed; background-size: 100%; }
.bubbles #WIREFRAME_MAIN { background:white; padding-left:20px; padding-right:20px; margin-top:20px; border:1px solid grey; }
.linealongtopleft {position:absolute; top:0; left:-1px; width:1px; height:45px; box-shadow:-100px 0 100px 50px white;}
.linealongtopright {position:absolute; top:0; width:1px; right:-1px; height:45px; box-shadow:100px 0 100px 50px white;}
.linealongtop {position:absolute; top:210px; left:0; width:1250px; height:8px; background:grey; z-index:20; overflow:hidden;}
.linealongbottom {position:absolute; top:78px; left:0; right:0; height:20px; background:#002; opacity:0; box-shadow:0 0 30px 60px #002; }
.background_greyimage {position:absolute; background-image: url('../Images/Backgrounds/upperbackground4.jpg'); background-repeat:repeat-y; background-size:100% 1px; top:0; left:0; right:0; height:208px;}
#WIREFRAME_MAIN {width:960px; margin:0 auto; margin-bottom:20px; position:relative; }
#WIREFRAME_HEADER {width:100%; min-height:190px; position:relative; margin-top:15px; margin-bottom:10px;}
#WIREFRAME_NAVBAR {width:100%; min-height:50px; position:absolute; z-index: 6000; top:94px; left:110px;}
#WIREFRAME_TICKETTAPE {width:100%; height:30px; margin-top:10px; position:relative; }
#WIREFRAME_SLIDER {width:960px; height:520px; margin-top:10px; position:relative; left:0px; margin-bottom: 30px;}
#WIREFRAME_BODY {width:100%; position:relative; margin-top:10px; min-height:700px; margin-bottom:80px;}
#WIREFRAME_FOOTER {width:100%; min-height:200px; position:relative; background:#003; text-align:center;} /* 262626 00003E */
#CMS_MAIN {width:100%; min-height:100px; margin:0 auto; margin-bottom:20px; position:relative; }
#CMS_HEADER {width:100%; min-height:100px; position:fixed; top:0; left:0; z-index:900; display:block; background:white;}
#CMS_NAVBAR {width:260px; min-height:500px; position:fixed; z-index: 1000; top:120px; left:20px; display:inline-block;}
#CMS_BODY {min-height:500px; position:absolute; margin-top:10px; top:110px; left:290px; right:60px; display:inline-block;}
/* 2 COLUMN */
/* 2 COLUMN BODY */
/* Positioning */
.TwoColumnBody #BODY_HEADER {position:relative; width:100%;}
.TwoColumnBody #LEFT_BODY { position:relative; float:left; width:705px; padding:0; margin-right:10px; min-height:400px; padding-right:10px;}
.TwoColumnBody #LEFT_BODYCMS { position:relative; float:left; width:705px; padding:0; margin-right:10px; min-height:400px; padding-right:10px;}
.TwoColumnBody #RIGHT_BODY { position:relative; float:right; display:inline-block; width:230px; }
/* 2 COLUMN WIDGETS */
.TwoColumnBody .widget { width:228px; border:1px solid lightgrey; margin-bottom:30px;}
.TwoColumnBody .widget_video_embedYouTube iframe {width:226px; height:150px; margin-bottom:-5px;}
/* FLOATING WIDGETS */
/* FLOATING WIDGETS BODY */
/* Positioning */
.FloatingWidgets #BODY_HEADER {position:relative; width:100%;}
.FloatingWidgets #LEFT_BODY { position:relative; float:left; width:655px; padding:0; margin-right:5px; min-height:400px; padding-right:10px;}
.FloatingWidgets #LEFT_BODYCMS { position:relative; float:left; width:655px; padding:0; margin-right:5px; min-height:400px; padding-right:10px;}
.FloatingWidgets #RIGHT_BODY { position:relative;}
.FloatingWidgets #RIGHT_BODY.widgetsize {width:260px;}
/* Styling */
/* FLOATING WIDGETS WIDGETS */
.FloatingWidgets .widget { width:227px; border:1px solid lightgrey; margin:5px; float:left;}
.FloatingWidgets .widget_video_embedYouTube iframe {width:226px; height:150px; margin-bottom:-5px;}
/* WIDGETS BELOW MAIN */
/* WIDGETS BELOW MAIN BODY */
/* Positioning */
.WidgetsBelowMain #BODY_HEADER {position:relative; width:100%;}
.WidgetsBelowMain #LEFT_BODY { position:relative; width:100%; padding:0; min-height:400px; }
.WidgetsBelowMain #LEFT_BODYCMS { position:relative; width:100%; padding:0; min-height:400px; }
.WidgetsBelowMain #RIGHT_BODY { position:relative;}
/* Styling */
/* WIDGETS BELOW MAIN WIDGETS */
.WidgetsBelowMain .widget { width:228px; border:1px solid lightgrey; margin:5px; float:left;}
.WidgetsBelowMain .widget_video_embedYouTube iframe {width:226px; height:150px; margin-bottom:-5px;}
/* 2 COLUMN NARROW */
/* 2 COLUMN NARROW BODY */
/* Positioning */
.TwoColumnNarrow #BODY_HEADER {position:relative; width:100%;}
.TwoColumnNarrow #LEFT_BODY { position:relative; float:left; width:655px; padding:0; margin-right:20px; margin-left:10px; min-height:400px; padding-right:10px;}
.TwoColumnNarrow #LEFT_BODYCMS { position:relative; float:left; width:655px; padding:0; margin-right:20px; margin-left:10px; min-height:400px; padding-right:10px;}
.TwoColumnNarrow #RIGHT_BODY { position:relative; float:right; display:inline-block; width:260px; }
/* 2 COLUMN NARROW WIDGETS */
.TwoColumnNarrow .widget { width:258px; border:1px solid lightgrey; margin:5px; margin-bottom:20px; float:left;}
.TwoColumnNarrow .widget_video_embedYouTube iframe {width:256px; height:163px; margin-bottom:-5px;}
.TwoColumnNarrowRight #LEFT_BODY { position:relative; float:right; width:655px; padding:0; margin-right:20px; margin-left:10px; min-height:400px; padding-right:10px; margin-top:20px;}
.TwoColumnNarrowRight #RIGHT_BODY { position:relative; float:left; display:inline-block; width:260px; margin-top:30px;}
/* LargeWidgetsBelowMain */
/* LARGE WIDGETS BELOW MAIN BODY */
/* Positioning */
.LargeWidgetsBelowMain #BODY_HEADER {position:relative; width:100%;}
.LargeWidgetsBelowMain #LEFT_BODY { position:relative; width:100%; padding:0; min-height:400px; }
.LargeWidgetsBelowMain #LEFT_BODYCMS { position:relative; width:100%; padding:0; min-height:400px; }
.LargeWidgetsBelowMain #RIGHT_BODY { position:relative;}
/* Styling */
/* LARGE WIDGETS BELOW MAIN WIDGETS */
.LargeWidgetsBelowMain .widget { width:456px; border:1px solid lightgrey; margin:10px; float:left; position:relative; }
.LargeWidgetsBelowMain .widget_video_embedYouTube iframe {width:452px; height:300px; margin-bottom:-5px;}
/* HEADER Styling */
#BODY_HEADER h2 {color:#000087; font-weight:normal; text-shadow:0px 1px 1px lightgrey; font-family: 'Roboto Condensed', sans-serif !important; font-size:1.67em;}
#BODY_HEADER h2.projectheader_onimage {color:white; font-weight:normal; text-shadow:0px 1px 1px black; font-family: 'Roboto Condensed', sans-serif !important; font-size:1.5em;}
/* LEFT BODY */
#LEFT_BODY h2 {color:#000087; font-weight:normal; text-shadow:-1px 0px 1px lightgrey; font-family: 'Roboto Condensed', sans-serif !important; font-size:1.67em; margin-top:6px; line-height: 1.05em; }
#LEFT_BODY h3 {color:#000087; font-weight: normal; text-shadow:-1px 0px 1px lightgrey; font-family: 'Roboto Condensed', sans-serif !important; font-size:1.5em; margin-top:6px; line-height:1.05em; }
#LEFT_BODY h4 {color:#000087; font-weight: normal; text-shadow:-1px 0px 1px lightgrey; font-family: 'Roboto Condensed', sans-serif !important; font-size:1.17em; margin-top:6px; line-height: 1.05em;}
#LEFT_BODY p {margin-top:0; margin-bottom:1em; font-weight:100; line-height: 135%;}
#LEFT_BODYCMS h2 {color:#000087; font-weight:normal; text-shadow:-1px 0px 1px lightgrey; font-family: 'Roboto Condensed', sans-serif !important; font-size:1.67em; margin-top:6px; line-height: 1.05em; }
#LEFT_BODYCMS h3 {color:#000087; font-weight: normal; text-shadow:-1px 0px 1px lightgrey; font-family: 'Roboto Condensed', sans-serif !important; font-size:1.5em; margin-top:6px; line-height: 1.05em; }
#LEFT_BODYCMS h4 {color:#000087; font-weight: normal; text-shadow:-1px 0px 1px lightgrey; font-family: 'Roboto Condensed', sans-serif !important; font-size:1.17em; margin-top:6px; line-height: 1.05em;}
#LEFT_BODYCMS p {margin-top:0; margin-bottom:1em; font-weight:100; line-height: 135%;}
#LEFT_BODY li {font-weight:100; line-height: 135%;}
#LEFT_BODYCMS li {font-weight:100; line-height: 135%;}
#CMS_PAGECONTENT_preview {font-family: 'Roboto', sans-serif ; }
/* OBJECTS */
/* HEADER */
.header_title img {width:540px; position:absolute; top:4px; left:-80px;}
/*.header_subtitle {position:absolute; top:36px; left:270px; font-variant: small-caps;}*/
.header_subtitle {position:absolute; top:70px; left:370px; font-size:18px; text-transform: uppercase; }
#GOOGLESEARCHBAR {position:absolute; top:125px; right:-14px; width:236px; background:transparent;}
#GOOGLESEARCHBAR .gsc-control-cse {padding:0;background:transparent; border:0;}
#GOOGLESEARCHBAR .gsc-control-cse .gsc-input input {background:white !important;}
#GOOGLESEARCHBAR .gsc-modal-background-image {background-color:black; opacity:0.7;}
#CMS_HEADER #GOOGLESEARCHBAR {display:none;}
#CMS_HEADER .header_title img {width:340px; position:absolute; top:4px; left:0px;}
/* NAVBAR */
#NAVBAR_CONTENT_OVERLAY{display:none;}
#NAVBAR_MENUBUTTON {display:none;}
#NAVBAR_MENU {position:relative; height:40px; width:960px;}
#NAVBAR_MENU a {color:inherit; }
.tier1 {height:36px; width:860px; white-space: nowrap; cursor:default; }
ul.tier1_items {list-style: none; margin:0; padding:0; display:inline-block; }
li.tier1_item {display:inline-block; height:32px; width:103px; margin:0px; padding:0; position:relative;}
li.tier1_item { *display: inline; }
.tier1_title {width:103px; text-align:center; position:absolute; left:0; top:6px; text-transform: uppercase;}
.tier1_title_2lines {top:6px;}
.tier2 {display:none; }
.tier2 { position:absolute; top:33px; width:300px; -webkit-transition: opacity .5s ease; -moz-transition: opacity .5s ease; transition: opacity .5s ease; opacity:0; white-space: normal;}
.tier2_background {width:310px; height:100%; position:absolute; top:0px; left:0; z-index:-100; }
.tier3_background {width:310px; height:100%; position:absolute; top:0px; left:0; z-index:-10; }
.tier2.showtier {opacity:1; }
ul.tier2_items {list-style: none; margin:0; padding:0;}
li.tier2_item {margin:0; padding:0; position:relative; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; width:280px;}
li.tier2_item:hover {margin:0; padding:0; position:relative; }
.tier2_title {display:inline-block; position:relative; }
li.tier2_item:hover .tier2_title {font-size:20px; left:-4px;}
.tier3 {position:absolute; display:none; padding:10px 20px; padding-bottom:15px; -webkit-transition: opacity .5s ease; -moz-transition: opacity .5s ease; transition: opacity .5s ease; opacity:0; white-space: normal;}
.tier3.showtier3 {opacity:1; -webkit-transition: opacity .5s ease; -moz-transition: opacity .5s ease; transition: opacity .5s ease;}
li.tier3_item:hover {font-size:18px; left:-4px;}
.tier1_haslink {display:block; position:absolute; top:0; left:0; right:0; bottom:0; }
/* Normal vs Revers */
/* .tier1_normalorder .tier3_arrow { right:-8px; padding-right:14px;} */
.tier1_normalorder .tier3_arrow { right:6px; top:6px; }
.tier1_normalorder .tier3 {left:100%; top:-6px; margin-left:0px;}
.tier1_reverseorder .tier3_arrow { right:0px; }
.tier1_reverseorder .tier2_title { left:0px;}
.tier1_reverseorder li.tier2_item:hover .tier2_title {left:-4px;}
.tier1_reverseorder li.tier2_item {padding-left:20px; left:-20px;}
.tier1_reverseorder .tier3 {right:100%; top:-6px; margin-right:-10px;}
/* Styling */
li.tier1_item {border:1px solid grey; color:black; background:white;}
.tier1:hover li.tier1_item:hover {color:white; background:#00005E; text-shadow:2px 2px black; } /* 00005E */
/* .tier2 {font-family: 'Open Sans', sans-serif; color:white; text-shadow:2px 2px black; } */
.tier2 { color:white; text-shadow:2px 2px black; } /* white 008887; font-family: 'Open Sans', sans-serif; */
.tier2 { padding:8px 16px; font-size:16px; }
li.tier2_item {line-height:24px;}
.tier2_title {border-bottom:1px solid transparent;}
a li.tier2_item:hover .tier2_title {border-bottom:1px solid yellow; cursor:pointer;}
/* .tier2_background {background:#000087; opacity:0.9;} */
.tier2_background {background:#00005E; opacity:0.9;} /* 00ABA1 00483E 00005E */
/* .tier3_background {background:#144A92; opacity:1;} */
.tier3_background {background:#00003E; opacity:1; } /* 088887 */
/* .tier3 {background:yellow; min-width:290px; } */
.tier3 {background:#FFE144; min-width:290px; }
/* .tier3 { color:white; text-shadow:2px 2px black; font-size:16px;} */
.tier3 { color:white; text-shadow:1px 1px black; font-size:16px;} /* white 008887 */
.tier3 ul {list-style:none; padding:0; margin:0;}
.tier3 .tier3_title {border-bottom:1px solid transparent; display:inline-block; padding-right:10px;}
.tier3 a li:hover .tier3_title{border-bottom:1px solid yellow; cursor:pointer; }
.tier1_title {font-size:14px;}
/* .tier3_arrow {position:absolute; display:inline-block; font-size:18px; opacity:0.5; z-index:1300; } */
.tier3_arrow {position:absolute; display:inline-block; opacity:0.5; z-index:1300; background:#FFE144; color:transparent; height:14px; width:14px; border-radius:50%; }
/* li.tier2_item:hover .tier3_arrow {opacity:1;} */
li.tier2_item:hover .tier3_arrow {opacity:1;}
#NAVBAR_LOCATION {}
/* FOOTER */
#WIREFRAME_FOOTER table {border:0; padding:0; border-spacing:0; text-align:center; display:inline; display:inline-table; margin:0;}
#WIREFRAME_FOOTER table td {height:230px;}
#WIREFRAME_FOOTER table tr {vertical-align:middle;}
#WIREFRAME_FOOTER p {padding:0; margin:0;}
#WIREFRAME_FOOTER div {display:inline-block;}
.social_logo {height:30px; cursor:pointer; margin-bottom:4px; }
.social_logo img {height:30px; position:relative; top:8px; }
.join_ICLEIAWASLA_button{cursor:pointer;}
.lotto_logo { cursor:default; margin-bottom:4px; padding-top:18px; max-width:220px;}
.lotto_logo img {height:50px; position:relative; display: block; margin-left:auto; margin-right:auto; padding-bottom:12px;}
/* CMS NAVBAR */
#CMS_NAVBAR ul {list-style:none; padding:0; margin:0;}
#CMS_NAVBAR ul li {padding:10px 10px; cursor:pointer;}
#CMS_NAVBAR a {color:#A4A4A4;}
#CMS_NAVBAR ul li:hover a {color:#444444;}
#CMS_NAVBAR ul li .cms_menu_title {display:inline-block; min-width:60%; max-width:280px; border-bottom:1px solid transparent;}
#CMS_NAVBAR ul li:hover .cms_menu_title {border-bottom:1px solid red;}
#CMS_NAVBAR ul li .cms_menu_selected {color:#444444; border-bottom:1px solid blue !important;}
/* CMS PAGE EDIT */
#CMS_EDITPAGECONTENT {min-width:820px;}
.cms_pageselection {font-size:18px; width:280px;}
.cms_pageedit_sectionTitle {font-size:18px; color:#A4A4A4; margin-top:20px; cursor:pointer; }
#CMS_PAGETITLE { margin-top:20px; border:1px solid lightgrey; padding:10px;}
#CMS_PAGECONTENT { margin-top:20px; border:1px solid lightgrey; padding:20px;}
#CMS_PAGEOPTIONS { margin-top:20px; border:1px solid lightgrey; padding:20px;}
#CMS_PAGEWIDGETS { margin-top:20px; border:1px solid lightgrey; padding:20px; margin-bottom:40px;}
#CMS_EDITPAGEWIDGETS { margin-top:20px; border:1px solid lightgrey; padding:20px; margin-bottom:40px;}
#CMS_WIDGETMANAGEMENT { margin-top:20px; border:1px solid lightgrey; padding:20px; margin-bottom:40px;}
/* Styling */
#CMS_PAGETITLE h2 { padding:0; margin:0; }
#CMS_PAGECONTENT.TwoColumnNarrow #LEFT_BODY {width:665px; margin:0 auto; position:static; float:none; padding:0; background:none;}
#CMS_PAGECONTENT.FloatingWidgets #LEFT_BODY {width:715px; margin:0 auto; position:static; float:none; padding:0; background:none;}
#CMS_PAGECONTENT.TwoColumnBody #LEFT_BODY {width:705px; margin:0 auto; position:static; float:none; padding:0; background:none;}
#CMS_PAGECONTENT.WidgetsBelowMain #LEFT_BODY {width:100%; margin:0 auto; position:static; float:none; padding:0; background:none;}
#CMS_PAGECONTENT.TwoColumnNarrow #LEFT_BODYCMS {width:665px; margin:0 auto; position:static; float:none; padding:0; background:none;}
#CMS_PAGECONTENT.FloatingWidgets #LEFT_BODYCMS {width:715px; margin:0 auto; position:static; float:none; padding:0; background:none;}
#CMS_PAGECONTENT.TwoColumnBody #LEFT_BODYCMS {width:705px; margin:0 auto; position:static; float:none; padding:0; background:none;}
#CMS_PAGECONTENT.WidgetsBelowMain #LEFT_BODYCMS {width:100%; margin:0 auto; position:static; float:none; padding:0; background:none;}
/* CMS_PAGEOPTIONS */
#CMS_PAGETYPE_FLOATS .pagetype_option {background: white; display:inline-block; margin:10px; width:120px; height:120px; cursor:pointer; opacity:0.4; }
#CMS_PAGETYPE_FLOATS .pagetype_option.pagetype_selected {background: lightblue; opacity:1; }
#CMS_PAGETYPE_FLOATS .pagetype_option.pagetype_selected:hover {background: lightblue; opacity:1; }
#CMS_PAGETYPE_FLOATS .pagetype_option:hover {background: yellow; opacity:0.7; }
#CMS_GLOBALWIDGETLIST {border-color:lightgrey; min-width:240px; float:right;}
#CMS_GLOBALWIDGETLIST .widgettype {padding-left:5px; font-size:16px}
#CMS_GLOBALWIDGETLIST .globalwidgetid {padding-right:5px; font-size:12px; position:relative; top:5px;}
#CMS_GLOBALWIDGETLIST th {color:#000087; text-align:center; font-weight: bold;}
#CMS_GLOBALWIDGETLIST tr.globalwidget {background:lightyellow;}
#CMS_GLOBALWIDGETLIST .widgepicture img {height:100px; width:100px; display:block; }
#CMS_GLOBALWIDGETLIST .button_addglobalwidgettopage {padding: 4px 8px; border-radius:10px; border:1px solid black; background:#000087; color:white; text-shadow:2px 2px 2px black; font-size:14px; cursor:pointer; opacity:0.7;}
#CMS_GLOBALWIDGETLIST .button_addglobalwidgettopage:hover {opacity:1;}
#CMS_PAGEWIDGETLIST {border-color:lightgrey; min-width:240px; }
#CMS_PAGEWIDGETLIST .widgettype {padding-left:5px; font-size:16px}
#CMS_PAGEWIDGETLIST .widgetid {padding-right:5px; font-size:12px; position:relative; top:-5px;}
#CMS_PAGEWIDGETLIST .globalwidgetid {padding-right:5px; font-size:12px; position:relative; top:5px;}
#CMS_PAGEWIDGETLIST td.widgetorder {text-align:center;}
#CMS_PAGEWIDGETLIST th {color:#000087; text-align:center; font-weight: bold;}
#CMS_PAGEWIDGETLIST tr.globalwidget {background:lightyellow;}
#CMS_PAGEWIDGETLIST .widgepicture img {height:100px; width:100px; display:block; }
#CMS_PAGEINPAGEWIDGETLIST {border-color:lightgrey; min-width:240px; margin-top:30px; }
#CMS_PAGEINPAGEWIDGETLIST .widgettype {padding-left:5px; font-size:16px}
#CMS_PAGEINPAGEWIDGETLIST .widgetid {padding-right:5px; font-size:12px; position:relative; top:-5px;}
#CMS_PAGEINPAGEWIDGETLIST .globalwidgetid {padding-right:5px; font-size:12px; position:relative; top:5px;}
#CMS_PAGEINPAGEWIDGETLIST td.inpagewidgetorder {text-align:center;}
#CMS_PAGEINPAGEWIDGETLIST th {color:#000087; text-align:center; font-weight: bold;}
#CMS_PAGEINPAGEWIDGETLIST tr.globalwidget {background:lightyellow;}
#CMS_PAGEINPAGEWIDGETLIST .widgepicture img {height:100px; width:100px; display:block; }
#CMS_GLOBALWIDGETLIST .widgepicture, #CMS_PAGEWIDGETLIST .widgepicture {width:100px;}
#CMS_EDITPAGEWIDGETS #RIGHT_BODY{float:none; padding:20px; border:1px solid gray; margin:20px;}
#EDITWIDGETCONTAINER {position:relative; }
#EDITPAGEWIDGETSCONTROLLER {display:inline-block; padding:20px; border:1px solid gray; margin:20px;}
#CMS_PAGEWIDGETS .createwidget_descriptionitem { width:400px; display:inline-block; padding:10px; border:1px solid grey; margin:5px;}
#CMS_PAGEWIDGETS .createwidget_descriptionitem img {width:100px; height:100px; display:inline-block; padding-right:10px; padding-bottom:5px; float:left;}
#CMS_PAGEWIDGETS .createwidget_descriptiontext {font-size:12px; color:black; }
#CMS_PAGEWIDGETS .createinpagewidget_descriptionitem { width:400px; display:inline-block; padding:10px; border:1px solid grey; margin:5px;}
#CMS_PAGEWIDGETS .createinpagewidget_descriptionitem img {width:100px; height:100px; display:inline-block; padding-right:10px; padding-bottom:5px; float:left;}
#CMS_PAGEWIDGETS .createinpagewidget_descriptiontext {font-size:12px; color:black; }
#CREATEINPAGEWIDGET_CONTROLLER {margin-top:30px;}
#CMS_EDITPAGECONTENT .pagebutton, #CMS_FULLSCREEN_EDIT .pagebutton {padding: 4px 8px; border-radius:10px; border:1px solid black; background:#000087; color:white; text-shadow:2px 2px 2px black; font-size:14px; cursor:pointer; opacity:0.7; display:inline-block; position:relative;}
#CMS_EDITPAGECONTENT .pagebutton:hover, #CMS_FULLSCREEN_EDIT .pagebutton:hover {opacity:1;}
#CMS_PAGETITLE_edit input {font-size:14px; color:#000087; width:300px;}
#CMS_PAGECONTENT_edit {position:fixed; padding:1% 10%; top:0; left:0; bottom:0; right:0; z-index:5000;}
.cms_fullscreenbackground {position:absolute; top:0; left:0; right:0; bottom:0; background:black; opacity:0.7;}
#CMS_PAGECONTENT_edit .mceEditor {position:relative;}
#CMS_PAGECONTENT_preview {cursor:pointer;}
#CMS_PAGETITLE_preview {cursor:pointer; min-height:10px;}
input.widget_editoption {font-size:14px; color:black; width:350px;}
#CMS_EDITPAGECONTENT select {font-size:18px; color:black; width:350px;}
/* TESTING */
#WIREFRAME_MAIN {}
#WIREFRAME_HEADER {}
#WIREFRAME_NAVBAR {}
#WIREFRAME_SLIDER {}
#WIREFRAME_BODY {}
#WIREFRAME_FOOTER {}
img.grayscale {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
-webkit-backface-visibility: hidden; /* Fix for transition flickering */
}
img.grayscale:hover {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
}
.img_flip { -moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";}