/* Class declarations to assist JavaScript in vr.js (non-app-specific utilities)

/* VR.Dialog */

.vrDialog {
    position: absolute;
    z-index: 1000;
		line-height: 13px;
}

.vrDialogHeader {
  height: 36px;
}

.vrDialogContent {
    padding: 0px 15px 7px 10px;
}

.vrDialogContent210 {
    background-image: url('/images/cobrand/vr/interface/v5/vr.dialog/vr.dialog.content.210.png');
}

.vrDialogContent210 p{
  margin: 8px auto;
}

.vrDialogContent350 {
    background-image: url('/images/cobrand/vr/interface/v5/vr.dialog/vr.dialog.content.350.png');
}

.vrDialogFooter {
}

.vrDialogCloseLink {
    float: right;
}

/* VR.PopUp */

h3.vrlb_header {
  margin: 5px;
  padding: 5px;
	background-image: url('/images/cobrand/vr/main_nav/main_nav.bg.gif');
  background-color: #369;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  clear: left;
}

.vrlb_content {
  padding: 10px;
  overflow: hidden;
}

.vrlb_close {
  float: right;
  padding: 9px;
}

.vrlb_close img {
  border: 0;
}

/* VR.Shroud */
div.vr_shroud,
div.vr_shroud div.vr_shroud_content{
   position: fixed;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   height: 100%;
   width: 100%;
   border: none;
   overflow: hidden;
   z-index: 1000;
}
div.vr_shroud iframe.vr_shroud_iframe{
   position: absolute;
   height: 250%;
   width: 250%;
   top: -5px;
   left: -5px;
   bottom: -5px;
   left: -5px;
   display: block; 
   border: 0 solid black;
   background-color: black;
   opacity: 0.7;
   -moz-opacity: 0.7;
   filter:alpha(opacity=70);
}


/* VR.Modal */
div.vr_modal_frame {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 0;
   height: 0;
   z-index: 1005;
}
div.vr_modal_frame div.vr_modal_hallow{
   position: absolute;
   z-index: 1010;
   background-color: rgb(255, 255, 255); 
   opacity: 0.4;
   -moz-opacity: 0.4;
   filter:alpha(opacity=40);
   z-index: 1010;
}
div.vr_modal_frame div.vr_modal_working{
   background: transparent url('/cobrand/vr/indicators/indicator.bar.gif') no-repeat scroll center top;
   height: 19px;
}
div.vr_modal_frame div.vr_modal_content{
   position: absolute;
   z-index: 1020;
   background-color: white;
}


/* VR.Input.InlineEditor */

.vr_input_inlineeditor {
  padding: 7px;
  background-color: #eeecd1;
  border: 1px solid #dedcc1;
  text-align: left;
  font-size: 11px;
  font-family: verdana;
  font-weight: normal;
}

.vr_input_inlineeditor_working_container {
  float: right;
  width: 20px;
  height: 40px;
}

.vr_input_inlineeditor_working {
  display: none;
  margin: 5px;
  float: right;
}

.vr_input_inlineeditor input.input {
  width: 98%;
  margin-bottom: 10px;
}

/* VR.ColorPicker */

#vr_colorpicker_opacity {
  position: absolute;
  background-color: #000;
  width: 240px;
  height: 260px;
}

#vr_colorpicker_plugin { 
  background: #fff; 
  color: #444; 
  display: block; 
  padding: 7px 10px 11px 10px; 
  _padding-right: 0; 
  z-index: 1;
  height: 220px;
  overflow: hidden;
  border: 1px solid #555;
  width: 199px; _width: 210px; _padding-right: 0px; 
} 
  
#vr_colorpicker_plugin br { 
  clear: both; 
  margin: 0; 
  padding: 0; 
} 

#vr_colorpicker_plugin select { 
  border: 1px solid #333; 
  background: #FFF; 
  position: relative; top: 4px; 
} 

#vr_colorpicker_plugHEX { 
  float: left; 
  position: relative;   
  top: -1px; 
} 

#vr_colorpicker_plugHEX:hover, #vr_colorpicker_plugCLOSE:hover { 
  color: #FFD000; 
} 

#vr_colorpicker_plugCUR { 
  float: left; 
  width: 10px; 
  height: 10px; 
  font-size: 1px; 
  background: #fff; 
  margin-right: 3px; 
} 

#vr_colorpicker_SV { 
  background: #FF0000 url('/common/colorpicker/SatVal.png'); 
/*  _background: #FF0000;*/
  border: 1px solid #000;
  position: relative; 
  cursor: crosshair; 
  float: left; 
  height: 166px; 
  width: 165px; 
  _width: 166px; 
  margin-right: 10px; 
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/colorpicker/SatVal.png', sizingMethod='scale'); 
  -moz-user-select: none; 
  -khtml-user-select: none; 
  user-select: none; 
} 

#vr_colorpicker_SVslide { 
  background: url('/common/colorpicker/slide.gif'); 
  height: 9px; 
  width: 9px; 
  position: absolute; 
  _font-size: 1px; 
  line-height: 1px; 
} 

#vr_colorpicker_H { 
  border: 1px solid #000; 
  cursor: crosshair; 
  float: left; 
  height: 165px; 
  position: relative; 
  width: 19px; 
  padding: 0; 
  top: 0px; 
  -moz-user-select: none; 
  -khtml-user-select: none; 
  user-select: none; 
} 

#vr_colorpicker_Hslide { 
  background: url('/common/colorpicker/slideHue.gif'); 
  height: 5px; 
  width: 33px; 
  position: absolute; 
  _font-size: 1px; 
  line-height: 1px; 
} 

#vr_colorpicker_Hmodel { 
  position: relative;
}

#vr_colorpicker_Hmodel div { 
  height: 1px;
  width: 19px;
  font-size: 1px;
  line-height: 1px;
  margin: 0;
  padding: 0;
}

.error {
  border: 1px solid #a33;
  background: #ffdddd url(/images/cobrand/vr/icons/error.gif) no-repeat 10px 50%;
  margin: 15px;
  padding: 10px 10px 10px 40px;
  color: #333;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#alternate_feedback_link{
  float: right;
}

#alternate_feedback_link a,
#alternate_feedback_link a:link,
#alternate_feedback_link a:visited{
  font-size: 11px;
  padding: 11px 10px 11px 10px;
}