/**/ .clear { clear: both; } .inline{ display:inline-block; *display:inline; zoom:1; } .buttons { display: inline-block; *display: inline; zoom: 1; width: 26px; height: 26px; background-repeat: no-repeat; background-position: center center; vertical-align:middle; } .buttons.buttonUp { background-image: url('RiftControls/images/up.png'); } .buttons.buttonDown { background-image: url('RiftControls/images/down.png'); } .buttons.buttonLeft { background-image: url('RiftControls/images/left.png'); } .buttons.buttonRight { background-image: url('RiftControls/images/right.png'); } .buttons.expand { background-image: url('RiftControls/images/expand.png'); cursor: pointer; } .buttons.collapse { background-image: url('RiftControls/images/collapse.png'); cursor: pointer; } .buttons.add { background-image: url('RiftControls/images/addfolder.gif'); } .buttons.edit { background-image: url('RiftControls/images/edit.gif'); } .buttons.delete { background-image: url('RiftControls/images/delete.gif'); } .buttons.search { background-image: url('RiftControls/images/search.png'); } .buttons.carouselLeft { width:38px; height:76px; background: url('RiftControls/images/carousel-bt-previous.png') top center no-repeat; } .buttons.carouselLeft:hover{ background-position:bottom center; } .buttons.carouselRight { width:38px; height:76px; background: url('RiftControls/images/carousel-bt-next.png') top center no-repeat; } .buttons.carouselRight:hover{ background-position:bottom center; } .list-inline { list-style: none; margin: 0; padding: 0; } .list-inline li { margin: 0 2px; display: inline-block!important; *display: inline!important; zoom: 1!important; background-image: none; padding: 0; } .listButton { border-bottom:solid 1px #e8e8e8; padding:5px 10px; display:block; color:#333333; font-size:13px; list-style-type:circle; } .listButton:before { content: ' \25CF'; font-size: 13px; color:#d1d1d1; margin-right:5px; } .listButton:hover{ background-color:#e9e9e9; } .float-left{ float:left; } .float-right{ float:right; } .ResultsSuccess, .ResultsFailed, .AlertMessager { padding: 8px 16px 8px 8px; border-radius: 6px 0 0 6px; font-size: 13px; /*opacity: 0.7;*/ } .ResultsSuccess:hover,.ResultsFailed:hover,.AlertMessager:hover{ opacity:1; } .ResultsSuccess { background-color: #ab0000; color: #F7F7FA; border: solid 1px #ab0000; z-index: 30001; } .ResultsFailed{ background-color:#F2DEDE; color:#a94442; border:solid 1px #dbbdbd; } .AlertMessager{ background-color:#D9EDF7; color:#31708f; border:solid 1px #c1dce9; } /*-------------------------------------------------------------*/ /*-------------------------riftButton------------------------*/ /*------------------------------------------------------------*/ .riftButton { background-color: #b7b7b7; color: #fff!important; border-radius: 3px; display: inline-block; *display: inline; *zoom: 1; margin-bottom: 5px; padding: 6px 21px; margin: 2px; font-size: 12px; transition:all ease 0.5s; } .riftButton:hover { background-color: black; } /*-------------------------------------------------------------*/ /*-------------------------POPUP CONTROL------------------------*/ /*------------------------------------------------------------*/ .popupControl_Border { /*border: 1px solid #676767;*/ /*background-color:#e6e6e6;*/ /*padding-top: 3px;*/ -moz-border-radius: 1px; -webkit-border-radius: 1px; -khtml-border-radius: 1px; border-radius: 1px; /*width: auto;*/ } .popupControl_Chech { padding: 2px 6px; /*margin: 10px 0;*/ background-color: #a5b0be; color: #fff; -moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; -khtml-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; display: inline-block; *display: inline; *zoom: 1; /*border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: #ddd; border-bottom-color: #ddd; border-left-color: #ddd;*/ white-space: nowrap; max-width: 250px; font-size: 14px; } .popupControl_Dropdown { padding: 5px 4px 5px 4px; background-color: #F5F5F5; color: #333333; border-bottom-color: #C0C0C0; border-bottom-width: 1px; border-bottom-style: dashed; font-size: 13px; } .popupControl_Dropdown_hover { cursor: default; padding: 5px 4px 5px 4px; background-color: #DADADA; color: #333333; border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: #C0C0C0; font-size: 13px; } .popupControl_Remove { display: inline-block; *display: inline; *zoom: 1; /*margin-left: -1px;*/ background: #ff2819; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZDliNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNjk1MTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ff2819 0%, #ab0000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff2819), color-stop(100%,#ab0000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff2819 0%,#ab0000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff2819 0%,#ab0000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff2819 0%,#ab0000 100%); /* IE10+ */ background: linear-gradient(top, #ff2819 0%,#ab0000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebd9b5', endColorstr='#d69513',GradientType=0 ); /* IE6-8 */ border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; /*border: 1px solid #989898;*/ /*border-top-style: solid; border-bottom-style: solid; border-right-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-right-width: 1px; border-top-color: #ff2819; border-bottom-color: #ff2819; border-right-color: #ff2819;*/ /*-moz-box-shadow: 0px 0px 0px rgba(000,000,000,0.5), inset 0px 2px 1px rgba(255,255,255,0.25); -webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0.5), inset 0px 2px 1px rgba(255,255,255,0.25); text-shadow: 0px -1px 0px rgba(148,148,148,0.7), 0px 1px 0px rgba(255,255,255,0.3);*/ } .popupControl_Remove:hover { /*border: 1px solid #660021;*/ color: #333333; } .popupControl_Remove a { display: block; color: #ffffff !important; text-decoration: none; font-size: 14px; padding: 2px 5px; } .popupControl_Remove a:hover { /*color: #999999 !important;*/ background-color: #ab0000; border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; } .PopUpTextbox { /*background-color: #FFFFFF;*/ /*color: #454346;*/ border: none; /*padding: 6px 12px;*/ box-shadow: none; /*margin: 0;*/ width: 100%; /*margin-bottom: 0;*/ font-size: 13px; font-weight: 400; line-height: 1.42857143; background: #fff !important; /*vertical-align: middle;*/ } /*.PopUpTextboxBorder { margin: -3px 0;*/ /*background-color: #FFFFFF;*/ /*border-bottom-color: #e4e4e4; border-bottom-style: solid; border-bottom-width: 1px;*/ /*padding: 5px;*/ /*}*/ .PopUpTextboxBorder { border: 1px solid #e5e5e5; border-radius: 0; box-shadow: none; display: block; padding: 6px 12px !important; font-size: 13px; height: 40px; line-height: 2; color: #616161; background-color: #fff !important; background-image: none; letter-spacing: 0.015em; border-bottom-width: 2px; width: 100%; -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .PopUpTextboxBorder:focus-within { border-color: #000001; outline: 0; box-shadow: none; /*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);*/ } .PopUpTextboxBorder input:focus { outline: none; box-shadow: none; } .popupparent { font-size: 11px; color: #999999; } .PopUpSelections { padding: 0 0 0 0; margin: 12px -15px 0; /*background-color: #ebeae6;*/ /*border-top: solid 1px #fff;*/ } .PopUpHelp { display: block; text-align: center; font-size: 11px; color:#555555; /*background-color: #E5E5E5; padding:5px;*/ } .mark{ color:#666666; } .txtin { color: #616161; width: 100%; font-size: 13px; font-weight: 400; line-height: 1.42857143; /*font-family: 'Roboto', sans-serif !important;*/ background: #fff !important; vertical-align: middle; padding: 8px 12px !important; } .txtin2 { vertical-align: middle; padding-top: 3px; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ opacity:1; } ::-moz-placeholder { /* Firefox 19+ */ opacity: 1; } :-ms-input-placeholder { /* IE 10+ */ opacity: 1; } /*-------------------------------------------------------------*/ /*-------------------------MENU BUTTON SIMPLE------------------------*/ /*------------------------------------------------------------*/ .MenuButtonSimple .MenuButtonSimpleArrow { text-decoration: none; padding:1px; } .MenuButtonSimple .ArrowImage { background-image: url('RiftControls/images/menuArrowWhite.png'); background-position: center center; background-repeat: no-repeat; width: 10px; padding: 5px; } .MenuButtonSimple .MenuButtonSimpleInTop { padding: 0 0 1px 0; text-decoration: none; background-color: #E1E2E8; border-right-color: #ccc; border-bottom-color: #ccc; border-left-color: #ccc; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; color: #333333!important; } .MenuButtonSimple .MenuButtonSimpleInBottom { padding: 0 0 1px 0; text-decoration: none; background-color: #000000; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-color: #333333; border-right-color: #333333; border-left-color: #333333; color: white!important; } .MenuButtonSimple .MenuButtonSimplePanel .MenuPanel { border: 1px solid #333333; background-color: #000000; color: white; -moz-box-shadow: 2px 2px 3px #A2A2A2; -webkit-box-shadow: 2px 2px 3px #A2A2A2; box-shadow: 2px 2px 3px #A2A2A2; text-shadow: none; padding: 6px; } .closepanel { background-image: url('RiftControls/images/closepanel.png'); background-position: 0 -20px; background-repeat: no-repeat; margin-left: auto; margin-right: auto; width: 86px; height: 20px; cursor: pointer; } .closepanel:hover { background-position: 0 0; } /*-------------------------------------------------------------*/ /*-------------------------TEXTBOX CONTROL------------------------*/ /*------------------------------------------------------------*/ /*.textbox_border { border: 1px solid #e2e2e2; background: none repeat scroll 0 0 #FFFFFF; color: #898989; padding: 5px; width: auto; margin:1px; } .textbox_input { background-color: #FFFFFF; color: #898989; border: none; padding: 0; box-shadow: none; margin: 0; width: 100%; } .textbox_inputFocus { background-color: #FFFFFF; color: #535353; border: none; padding: 0; box-shadow: none; margin: 0; width: 100%; }*/ .textbox_border{ position:relative; } .textbox_validate { color: red; width: 0; position: absolute; right: 10px; top: 5px; margin-right: 5px; font-size: 24px; } .searchsubmit { background: url('RiftControls/images/search.png') no-repeat scroll 2px center transparent; border: medium none; height: 35px; outline: medium none; padding: 0; text-indent: -9999px; width: 35px; margin-left: -25px; margin-top: -2px; display: block; z-index: 2; position: absolute; } .callout { padding: 2px 5px; border: 1px solid #FF9933; background-color: #FFCC66; /*border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;*/ box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6); -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6); margin-top: -5px; } .callout_main{ z-index: 999; margin-top: -10px!important; } /*-------------------------------------------------------------*/ /*-------------------------CUBE ROTATOR------------------------*/ /*------------------------------------------------------------*/ .RotatorContainer { background-color: white; border: 1px solid #f7f7f7; padding: 5px; overflow: hidden; text-align: center; display: inline-block; *display: inline; zoom: 1; } .CubeStyle { display: inline-block; *display: inline; zoom: 1; border: 1px solid #dfdfe0; color: #333333; font-size: 11px; background-color: #ffffff; margin: 3px; line-height: normal; } .CubeStyle .cubeMain { height:100%; text-align:left; } .CubeStyle:hover { background-color: #f2f2f5; border: 1px solid #bcbdbf; } .CubeStyle a { text-decoration: none; color: #555353; text-align:left; } .CubeStyle img { margin-right:8px; } /*-------------------------------------------------------------*/ /*-------------------------Expand Container------------------------*/ /*------------------------------------------------------------*/ .ExpandContainer { background: none repeat scroll 0 0 #F5F5F5; border: 1px solid #E5E5E5; padding: 10px; display: block; clear: both; margin:0 0 10px 0; } .ExpandContainerHeader { line-height: 26px; font-size: 13px; font-weight: bold; color: #000000; display: block; } .ExpandContainerMainPanel { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E5E5E5; padding: 10px; } .ExpandContainer .Expand-Button{ float:right; } .ExpandContainer .Expand-Button .buttons{ width:16px; height:16px; display:block; } /*----------------------------------------------------------------------*/ /*---------------------------------HISTORY PATH-----------------------------*/ /*------------------------------------------------------------------------*/ .PathLink { color: #8491AA; font-size: 9px; background-color: #F2F2F4; padding: 4px; margin: 2px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; -khtml-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; } .PathLink:hover { color: #62728E; background-color: #EDEDEF; } .CurrentPath { color: #8C93A2; font-size: 10px; font-weight: bold; background-color: #EDEFF1; padding: 4px; margin: 2px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; -khtml-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; } /*----------------------------------------------------------------------*/ /*---------------------------------Pager-----------------------------*/ /*----------------------------------------------------------------------*/ /*.PageItem { font-size: 12px; margin-left: 1px; margin-right: 1px; padding: 4px; } .PageItem:hover { } .PageItemSelected { border: 1px solid #d1d1d1; font-size: 16px; font-weight: bold; margin-left: 1px; margin-right: 1px; padding: 6px; background-color: #f6f6f6; }*/ /*----------------------------------------------------------------------*/ /*-------MODAL WINDOW-----------*/ /*----------------------------------------------------------------------*/ .ModalWindow { display: inline-block; *display: inline; zoom: 1; padding: 10px; background:white; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #303030; -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1); -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1); box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1); position: fixed; left: 50%; top: 50%; z-index: 10001; max-width:90%; } .ModalWindow .CloseDiv { float: right; left: -20px; position: relative; width: 0; z-index:2; } .ModalWindow .HeaderDiv { padding: 0 0 5px 0; font-size: 26px; color: black; text-align: left; margin: 0; position:relative; z-index:1; border-bottom:1px solid gray; top:-5px; } .ModalWindow .ContentDiv { padding: 10px; } .ModalTransparent { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: black; filter: Alpha(opacity=50); opacity: 0.50; z-index: 1002; } .closeButton { cursor: pointer; font-size: 14px; color: #ffffff; padding: 2px 6px; background: #ff2819; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMjgxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ff2819 0%, #ab0000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff2819), color-stop(100%,#ab0000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff2819 0%,#ab0000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff2819 0%,#ab0000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff2819 0%,#ab0000 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff2819 0%,#ab0000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2819', endColorstr='#ab0000',GradientType=0 ); /* IE6-8 */ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #7d0000; -moz-box-shadow: 0 0 2px 2px rgba(255,255,255,0.3), inset 0 0 2px rgba(255,255,255,0.7); -webkit-box-shadow: 0 0 2px 2px rgba(255,255,255,0.3), inset 0 0 2px rgba(255,255,255,0.7); box-shadow: 0 0 2px 2px rgba(255,255,255,0.3), inset 0 0 2px rgba(255,255,255,0.7); text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3); } .closeButton:hover { background: #ff6a5f; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNmE1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjEzMTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ff6a5f 0%, #ff1313 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6a5f), color-stop(100%,#ff1313)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff6a5f 0%,#ff1313 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff6a5f 0%,#ff1313 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff6a5f 0%,#ff1313 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff6a5f 0%,#ff1313 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6a5f', endColorstr='#ff1313',GradientType=0 ); /* IE6-8 */ } /*----------------------------------------------------------------------*/ /*---------------------------------CHARTS-------------------------*/ /*----------------------------------------------------------------------*/ .jqplot-target { position: relative; color: #666; font-size: 1em; } .jqplot-axis { font-size: .75em; } .jqplot-xaxis { margin-top: 10px; } .jqplot-x2axis { margin-bottom: 10px; } .jqplot-yaxis { margin-right: 10px; } .jqplot-y2axis, .jqplot-y3axis, .jqplot-y4axis, .jqplot-y5axis, .jqplot-y6axis, .jqplot-y7axis, .jqplot-y8axis, .jqplot-y9axis { margin-left: 10px; margin-right: 10px; } .jqplot-axis-tick, .jqplot-xaxis-tick, .jqplot-yaxis-tick, .jqplot-x2axis-tick, .jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick { position: absolute; } .jqplot-xaxis-tick { top: 0; left: 15px; vertical-align: top; } .jqplot-x2axis-tick { bottom: 0; left: 15px; vertical-align: bottom; } .jqplot-yaxis-tick { right: 0; top: 15px; text-align: right; } .jqplot-yaxis-tick.jqplot-breakTick { right: -20px; margin-right: 0; padding: 1px 5px 1px 5px; z-index: 2; font-size: 1.5em; } .jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick { left: 0; top: 15px; text-align: left; } .jqplot-meterGauge-tick { font-size: .75em; color: #999; } .jqplot-meterGauge-label { font-size: 1em; color: #999; } .jqplot-xaxis-label { margin-top: 10px; font-size: 11pt; position: absolute; } .jqplot-x2axis-label { margin-bottom: 10px; font-size: 11pt; position: absolute; } .jqplot-yaxis-label { margin-right: 10px; font-size: 11pt; position: absolute; } .jqplot-y2axis-label, .jqplot-y3axis-label, .jqplot-y4axis-label, .jqplot-y5axis-label, .jqplot-y6axis-label, .jqplot-y7axis-label, .jqplot-y8axis-label, .jqplot-y9axis-label { font-size: 11pt; position: absolute; } table.jqplot-table-legend { margin-top: 12px; margin-bottom: 12px; margin-left: 12px; margin-right: 12px; } table.jqplot-table-legend, table.jqplot-cursor-legend { background-color: rgba(255,255,255,0.6); border: 1px solid #ccc; position: absolute; font-size: .75em; } td.jqplot-table-legend { vertical-align: middle; } td.jqplot-seriesToggle:hover, td.jqplot-seriesToggle:active { cursor: pointer; } td.jqplot-table-legend > div { border: 1px solid #ccc; padding: 1px; } div.jqplot-table-legend-swatch { width: 0; height: 0; border-top-width: 5px; border-bottom-width: 5px; border-left-width: 6px; border-right-width: 6px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-style: solid; } .jqplot-title { top: 0; left: 0; padding-bottom: .5em; font-size: 1.2em; } table.jqplot-cursor-tooltip { border: 1px solid #ccc; font-size: .75em; } .jqplot-cursor-tooltip { border: 1px solid #ccc; font-size: .75em; white-space: nowrap; background: rgba(208,208,208,0.5); padding: 1px; } .jqplot-highlighter-tooltip { border: 1px solid #ccc; font-size: .75em; white-space: nowrap; background: rgba(208,208,208,0.5); padding: 1px; } .jqplot-point-label { font-size: .75em; z-index: 2; } td.jqplot-cursor-legend-swatch { vertical-align: middle; text-align: center; } div.jqplot-cursor-legend-swatch { width: 1.2em; height: .7em; } .jqplot-error { text-align: center; } .jqplot-error-message { position: relative; top: 46%; display: inline-block; } div.jqplot-bubble-label { font-size: .8em; padding-left: 2px; padding-right: 2px; color: rgb(20%,20%,20%); } div.jqplot-bubble-label.jqplot-bubble-label-highlight { background: rgba(90%,90%,90%,0.7); } div.jqplot-noData-container { text-align: center; background-color: rgba(96%,96%,96%,0.3); } /*----------------------------------------------------------------------*/ /*---------------RadioBox------*/ /*----------------------------------------------------------------------*/ div.mRabioBox { display: inline-block; *display: inline; zoom: 1; cursor: default; } div.mRabioBox .mRadioImage { display: none!important; background-image: url('RiftControls/images/radiobox.png'); background-repeat: no-repeat; background-position: left -18px; width: 18px; height: 18px; vertical-align: middle; margin: 5px; } div.mChecked .mRadioImage { background-position: left 0px; } div.mRabioBox .mRadioText { line-height: 28px; text-align: center; /*color: #333333; font-weight: bold; font-size: 11px;*/ padding: 0 5px; } div.mRabioBox .mRadioText:hover { /*background-color: #555555; color:#ffffff;*/ /*text-decoration-line: underline;*/ text-decoration-line: none; cursor: pointer; } /*----------------------------------------------------------------------*/ /*--SLIDE IN PANEL-------------*/ /*----------------------------------------------------------------------*/ .SlideInPanel { display: block; z-index: 50; pointer-events:none; } .SlideInPanel .SlideInMainDiv { float: right; border: 1px solid #DBDEEE; background-color: white; pointer-events:all; } .SlideInPanel .SlideInButton { float: left; cursor: pointer; filter: Alpha(opacity=100); opacity: 1; text-align: right; top: 250px; position:relative; pointer-events:all; } .SlideInPanel .SlideInButton:hover { filter: Alpha(opacity=80); opacity: 0.8; } .SlideInPanel .SlideInheader { } .SlideInPanel .SlideIncontent { } /*----------------------------------------------------------------------*/ /*---------ACCORDION-----*/ /*----------------------------------------------------------------------*/ .RiftAccordeon { border: 1px solid #DBDEEE; border-collapse: collapse; display: inline-block; } .RiftAccordeon .AccordionButton { display: inline-block; *display: inline; zoom: 1; cursor: pointer; filter: Alpha(opacity=90); opacity: 0.90; background-color: #DDE1F2; padding: 5px; margin: 1px; text-align: center; color: #536073; } .RiftAccordeon .AccordionButton:hover { filter: Alpha(opacity=100); opacity: 1.0; } .RiftAccordeon .AccordionContent { display: inline-block; *display: inline; zoom: 1; padding: 5px; } .RiftAccordeon .selected{ display:none; } /*----------------------------------------------------------------------*/ /*---------ACCORDION VERTICAL-----*/ /*----------------------------------------------------------------------*/ .RiftAccordeon .AccordionVerticalButton { cursor: pointer; filter: Alpha(opacity=80); opacity: 0.80; font-size: 18px; line-height: 26px; display: block; margin: 2px; background-color: #DDE1F2; padding: 8px; } .RiftAccordeon .AccordionVerticalButton:hover { filter: Alpha(opacity=100); opacity: 1.0; } .RiftAccordeon .AccordionVerticalButton.selected { filter: Alpha(opacity=100); opacity: 1; font-size: 26px; background-color: #99CCFF; } .RiftAccordeon .AccordionVerticalContent { display: block; } .RiftAccordeon .AccordionVerticalButtonsPanel { float: left; } .RiftAccordeon .AccordionVerticalContentsPanel { float: left; } /*----------------------------------------------------------------------*/ /*---------RIFT TABS-----*/ /*----------------------------------------------------------------------*/ .RiftTabs { padding: 0; display: block; clear: both; margin:0 0 10px 0; } .RiftTabButtonsPanel { display: block; vertical-align: bottom; } .RiftTabContentsPanel { padding: 10px; display:block; } .RiftTabButtonsPanel .RiftTabButton { cursor: pointer; display: inline-block; *display: inline; zoom: 1; vertical-align: bottom; color: #333333; font-weight: bold; font-size: 12px; padding: 5px 15px 5px 15px; margin:0 5px 5px 0; border: 1px solid transparent; } .RiftTabButtonsPanel .RiftTabButton:hover { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E5E5E5; } .RiftTabButtonsPanel .RiftTabButton.selected { color: #000000; font-size: 12px; font-weight: bold; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E5E5E5; } .RiftTabContentsPanel .RiftTabContent { position: relative; left: -1500px; height: 0px; width: 0px; overflow: hidden; } .RiftTabContentsPanel .RiftTabContent.selected { position: static; left: 0; height: auto; width: auto; } /*------------Tabs Vertical - Windows Settings Style*/ .RiftTabs .RiftTabButtonsPanel_Vertical { display: block; vertical-align: bottom; float: left; position: relative; z-index: 1; } .RiftTabs .RiftTabContentsPanel_Vertical { border: 1px solid #DBDEEE; display: block; background-color: #F7F7FA; padding: 10px; float: left; position: relative; z-index: 0; min-height: 220px; min-width: 450px; width: 500px; left: -1px; overflow: auto; } .RiftTabs .RiftTabButtonsPanel_Vertical .RiftTabButton { cursor: pointer; display: block; vertical-align: middle; color: #999999; font-weight: bold; font-size: 12px; padding: 15px; } .RiftTabs .RiftTabButtonsPanel_Vertical .RiftTabButton:hover { background-color: #f7f7f7; color: #333333; } .RiftTabs .RiftTabButtonsPanel_Vertical .RiftTabButton.selected { background-color: #F7F7FA; color: #333333; padding-right: 16px; margin-right: -1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: #DBDEEE; border-bottom-color: #DBDEEE; border-left-color: #DBDEEE; } .RiftTabs .RiftTabContentsPanel_Vertical .RiftTabContent { position: relative; left: -1500px; width: 0px; height: 0; overflow: hidden; } .RiftTabs .RiftTabContentsPanel_Vertical .RiftTabContent.selected { position: static; left: 0; width: auto; height: auto; } /*----------------------------------------------------------------------*/ /****************************MAIN MENU****************************/ /*----------------------------------------------------------------------*/ .RiftMainMenu { display: table; clear: both; margin:0 auto; } .RiftMainMenu .RiftMainMenuTr{ display:table-row; margin:0; padding:0; /*background-color: #DBDEEE;*/ } .RiftMainMenu .MenuContent { display: table-cell; *zoom: 1; *display: inline; cursor: pointer; vertical-align: middle; border-spacing: 0; padding: 0; margin: 0; border-right: solid 1px #1f407a; transition: all ease 0.5s; } .RiftMainMenu .MenuContent:last-child{ border:none; } .RiftMainMenu .MenuContent .iText { font-size: 14px; text-decoration: none; display: block; /*line-height: 40px;*/ color: rgba(0, 0, 0, 0.6); padding: 10px 30px; text-align: center; transition: all ease 0.5s; } @media (max-width: 768px) { .RiftMainMenu .MenuContent .iText { font-size: 0.95em; padding: 10px 10px; } } @media (max-width: 568px) { .RiftMainMenu .MenuContent .iText { font-size: 0.85em; padding: 10px 5px; } } @media (max-width: 468px) { .RiftMainMenu .MenuContent .iText { font-size: 0.75em; padding: 10px 5px; } } .RiftMainMenu .MenuContent.Last-item { } .RiftMainMenu .MenuContent.Last-item .iText { } .RiftMainMenu .MenuContent:hover, .RiftMainMenu .MenuContent.Selected { background-color: #1f407a !important; } .RiftMainMenu .MenuContent:hover .iText, .RiftMainMenu .MenuContent.Selected .iText { color: white; } .RiftMainMenu .MenuContent:hover .iText, .RiftMainMenu .MenuContent.Selected .iText:hover { color: white !important; } .RiftMainMenu .MenuContent .iValue { display: none; } /*First SubMenus*/ .RiftMainMenu .MenuSubMenu { height: 0px; width: 0px; text-align: left; float: left; } .RiftMainMenu .MenuSubMenu .RiftMainMenuTr { display: block; } .RiftMainMenu .MenuContent:hover .MenuSubMenu, .RiftMainMenu .MenuContent .MenuSubMenu:hover { } .RiftMainMenu .MenuSubMenu .RiftMainMenu { background-color: #242424; display: none; position: absolute; color: #bebebe; z-index: 100; width: auto; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25); min-width: 150px; padding: 5px; border: none; } .RiftMainMenu .MenuSubMenu .MenuContent { display: block; border-left: none; border-spacing: 0; cursor: auto; text-align: left; vertical-align: middle; float: none; background: none; border: none; } .RiftMainMenu .MenuSubMenu .MenuContent:hover { background: none; border: none; } .RiftMainMenu .MenuSubMenu .MenuContent .iText { display: block; font-size: 13px; color: #9b9b9b; text-shadow: none; border-left: none; line-height: 30px; cursor: pointer; padding: 0 15px; text-align: left; } .RiftMainMenu .MenuSubMenu .MenuContent:hover .iText { color: white; background-color: #8b8b8b; } .RiftMainMenu .MenuSubMenu .MenuContent.Last-item { } .RiftMainMenu .MenuSubMenu .MenuContent.Last-item .iText { } /*INNER SUBMENUS*/ .RiftMainMenu .MenuContent:hover .MenuSubMenu .MenuSubMenu { height: 0px; width: 0px; display: none; position: relative; top: -30px; float: right; } .RiftMainMenu .MenuSubMenu .MenuContent:hover .MenuSubMenu { display: inline; } .RiftMainMenu .MenuSubMenu .MenuSubMenu .MenuContent .iText { background: none; border: none; color: #464646; text-shadow: none; } .RiftMainMenu .MenuSubMenu .MenuSubMenu .MenuContent:hover .iText { display: block; font-size: 14px; color: #e5e5e5; text-shadow: none; border-left: none; line-height: 30px; border-bottom: 1px solid #333333; cursor: pointer; padding: 0 30px; text-align: left; } /*-------VERTICAL GRID-----*/ .RiftVerticalGrid tr td { border-bottom: solid 1px gray; height: 25px; border-right: solid 1px #CCCCCC; } .RiftVerticalGrid { border: solid 1px gray; } .boldclass { font-weight: bold; } /*----------------------------------------------------------------------*/ /*---------ImageSlider-----*/ /*----------------------------------------------------------------------*/ .ImageSlider { position: relative; display: block; overflow: hidden; } .ImageSlider .slideshow { overflow: hidden; } .ImageSlider .SliderNavigation { position: absolute; top: 40%; z-index: 100; width: 100%; height: 1px; display: none; } .ImageSlider .SliderNavigation .carouselLeft { float: left; } .ImageSlider .SliderNavigation .carouselRight { float: right; } .ImageSlider .SliderDiv { width: 100% } .ImageSlider .SliderImage { width: 100%; display: block; } .ImageSlider .SliderText { height: 0; position: relative; } .ImageSlider .SliderText > div { background-color: rgba(51, 51, 51, 0.79); padding: 20px 3%; position: absolute; bottom: 0; width: 94%; display: none; color: white; } .ImageSlider .sliderNav a { display: inline-block; *display: inline; zoom: 1; background-color: #f6a613; color: #f6a613; font-size: 1px; border-radius: 999px; width: 15px; height: 15px; margin: 3px; } .ImageSlider .sliderNav a:hover, .ImageSlider .sliderNav a.activeSlide { background-color: #2689D4; color: #2689D4; } .ImageSlider .carousel { position: absolute; background-color: rgba(51, 51, 51, 0.79); z-index: 100; width: 100%; display: none; } .ImageSlider .carousel #thumbs { height: 50px; } .ImageSlider .carousel .next, .ImageSlider .carousel .prev { display: none; width: 25px; height: 25px; position: absolute; bottom: -15px; left: 50%; z-index: 9999; cursor: pointer; } .ImageSlider .carousel .prev { margin-left: -25px; background: url('RiftControls/images/left.png') 0 0 no-repeat; } .ImageSlider .carousel .next { margin-right: -25px; background: url('RiftControls/images/right.png') 0 0 no-repeat; } .ImageSlider .carousel li { display: none; } .ImageSlider .carousel li img { width: 100%; height: auto; opacity: 0.5; filter: alpha(opacity=50); } .ImageSlider .carousel .activeSlide img { opacity: 1; filter: alpha(opacity=100); } img { -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ -o-user-select: none; user-select: none; } /*----------------------------------------------------------------------*/ /*---------CustomScrollbarExtender-----*/ /*----------------------------------------------------------------------*/ /* basic scrollbar styling */ /* vertical scrollbar */ .mCSB_container { width: auto; margin-right: 20px; overflow: hidden; } .mCSB_container.mCS_no_scrollbar { margin-right: 0; } .mCustomScrollBox .mCSB_scrollTools { width: 16px; height: 100%; top: 0; right: 0; } .mCSB_scrollTools .mCSB_draggerContainer { height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_scrollTools .mCSB_buttonUp + .mCSB_draggerContainer { padding-bottom: 40px; } .mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align: center; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { height: 20px; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0; margin-top: -40px; } /* horizontal scrollbar */ .mCSB_horizontal .mCSB_container { height: auto; margin-right: 0; margin-bottom: 30px; overflow: hidden; } .mCSB_horizontal .mCSB_container.mCS_no_scrollbar { margin-bottom: 0; } .mCSB_horizontal.mCustomScrollBox .mCSB_scrollTools { width: 100%; height: 16px; top: auto; right: auto; bottom: 0; left: 0; overflow: hidden; } .mCSB_horizontal .mCSB_scrollTools .mCSB_draggerContainer { height: 100%; width: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft + .mCSB_draggerContainer { padding-bottom: 0; padding-right: 20px; } .mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .mCSB_horizontal .mCSB_scrollTools .mCSB_dragger { width: 30px; height: 100%; } .mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight { width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; float: left; } .mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight { right: 0; bottom: auto; margin-left: -40px; margin-top: -16px; float: right; } /* default scrollbar colors and backgrounds */ .mCustomScrollBox .mCSB_scrollTools { opacity: 0.75; } .mCustomScrollBox:hover .mCSB_scrollTools { opacity: 1; } .mCSB_scrollTools .mCSB_draggerRail { background: #696969; /* rgba fallback */ background: rgba(105, 105, 105, 0.24); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; /* old ie */ } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #000; /* rgba fallback */ background: rgba(49, 48, 48, 0.71); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; /* old ie */ } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: rgb(65, 62, 62); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; /* old ie */ } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: #000; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; /* old ie */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { background-image: url('RiftControls/images/mCSB_buttons.png'); background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; /* old ie */ } .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; /* sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) */ } .mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; /* sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) */ } .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; /* sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) */ } .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; /* sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; /* old ie */ } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active { opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; /* old ie */ } /*----------------------------------------------------------------------*/ /*---------riftImageButton-----*/ /*----------------------------------------------------------------------*/ .riftImageButton { position: relative; display: inline-block; *display: inline; zoom: 1; } .riftImageButton .riftImageButtonImg { position: relative; z-index: 9; } .riftImageButton .riftImageButtonText { display: block; position: relative; z-index: 10; text-align: center; color: white; font-size: 18px; font-weight: 300; padding: 10px 20px; background: url('RiftControls/images/bluebg.png') repeat 0 0 transparent; } .riftImageButton.ImageMove { margin-top: 20px; } .riftImageButton.ImageMove .riftImageButtonText { color: #101112; background: white; border-top-style: solid; border-top-width: 1px; border-top-color: #e8e8e8; margin-top: -40px; } .riftImageButton.ImageMove .riftImageButtonImg { opacity: 0.7; filter: "alpha(opacity=70)"; -ms-filter: "alpha(opacity=70)"; /* old ie */ } /*----------------------------------------------------------------------*/ /*---------RiftRangeSlider-----*/ /*----------------------------------------------------------------------*/ .RangeSlider .SlideFrom, .RangeSlider .SlideTo { display: none; } .RangeSlider .lblRange { text-align: right; display: block; font-size: 11px; font-style: italic; } /*----------------------------------------------------------------------*/ /*---------RiftImageCycle-----*/ /*----------------------------------------------------------------------*/ .cycle-slideshow, .cycle-slideshow * { box-sizing: border-box; } .cycle-slideshow { background: url("http://malsup.github.com/images/spinner.gif") no-repeat scroll 50% 50% rgba(0, 0, 0, 0); margin: 0 auto; padding: 0; position: relative; width: auto; overflow: hidden; height: 100%; z-index: 10; } .cycle-slideshow .cycle-slide { display: block; left: 0; padding: 0; position: absolute; top: 0; min-width: 100%; height: 100%; } .cycle-slideshow img { display: block; padding: 0; width: 100%; min-width: 500px; min-height: 100%; } .cycle-slideshow img:first-child { position: static; z-index: 100; } .cycle-pager { overflow: hidden; position: absolute; text-align: center; top: 10px; width: 100%; z-index: 500; } .cycle-pager span { color: #ddd; cursor: pointer; display: inline-block; font-size: 50px; height: 16px; width: 16px; } .cycle-pager span.cycle-pager-active { color: #d69746; } .cycle-pager > * { cursor: pointer; } .cycle-caption { bottom: 15px; color: white; position: absolute; right: 15px; z-index: 700; } .cycle-overlay { bottom: 0; color: white; padding: 15px; position: absolute; z-index: 600; font-size: 40px; line-height: 1.1; text-shadow: 3px 3px 3px black; } .cycle-overlay > div { width: 500px; } .cycle-prev, .cycle-next { cursor: pointer; height: 100%; opacity: 0; position: absolute; top: 0; width: 30%; z-index: 800; } .cycle-prev { background: url('riftcontrols/images/carousel-bt-previous2.png') no-repeat scroll center left rgba(0, 0, 0, 0); left: 0; } .cycle-next { background: url('riftcontrols/images/carousel-bt-next2.png') no-repeat scroll center right rgba(0, 0, 0, 0); right: 0; } .cycle-prev:hover, .cycle-next:hover { opacity: 1; } .disabled { /*opacity: 0.5;*/ color: #a6bdca !important; pointer-events: none; Cursor: text !important; } /*.disabled:hover { Cursor: text !important; Text-Decoration: None !important; color: #909090 !important; opacity: 0.5 !important; }*/ .cycle-paused:after { background: none repeat scroll 0 0 black; border-radius: 10px; color: white; content: "Paused"; opacity: 0.5; padding: 10px; position: absolute; right: 10px; top: 10px; z-index: 500; }