/* Demo Page */

#DemoMain {margin-top:25px; width:100%; height:95px; border:solid 1px #CECECE; background:url(../../Images/en-us/DemoPage/dp_gra_gray.gif) repeat-x;}
#demoHeader {float:left; margin:10px 10px; display:inline; width:500px;}
#demoHeader h4 {font-size:15px;}
#demoHeader p {float:left; margin:5px 0; clear:left;}
#DemoMain span {float:left; margin:-6px 0px 5px 10px; font-size:10px; clear:left; width:500px;}
/* #demoHeader a.demoVideo {float:left; margin:5px 0; clear:left; width:100px;} */
#divider {margin:10px 0 0 40px; float:left; height:75px;}
#DemoPrice {float:right; margin:0px 0 0 0px;}
#DemoMain_V {margin-top:15px; width:100%; height:95px; border:solid 1px #CECECE; background:url(../../Images/en-us/DemoPage/dp_gra_gray.gif) repeat-x;}

#DemoContent {margin:10px auto; text-align:center; border:1px solid #cacaca; padding:10px 0;}
#DemoContentQuote {margin:10px auto; text-align:center; border:1px solid #cacaca; padding:10px 0; background-color:Black;}

/* Data pakcage */
#dataPackage {text-align:left; margin:10px auto; font-size:12px;}
#dataPackage td {padding:3px 0; font-size:12px;}
#dataPackage h1 {font-weight:bold; border-bottom:1px solid #363636; font-size:13px;}
#dataPackage ol li {list-style-type:square; padding:2px; font-size:12px;}


/* Greybox styles */
#GB_overlay {background-color: #306caf; position: absolute; margin: auto; top: 0; left: 0; z-index: 100;}

#GB_window {left: 0; top: 0; font-size: 1px; position: absolute; overflow: visible; z-index: 150;}

#GB_window .content {width: auto; margin: 0; padding: 0;}

#GB_frame {border: 0; margin: 0; padding: 0; overflow: auto; white-space: nowrap;}


.GB_Gallery {margin: 0 22px 0 22px;}

.GB_Gallery .content {background-color: #fff; border: 3px solid #ddd;}

.GB_header {top: 10px; left: 0; margin: 0; z-index: 500; position: absolute; border-bottom: 2px solid #555; border-top: 2px solid #555;}

.GB_header .inner { background-color: #306caf; font-family: Arial, Verdana, sans-serif; padding: 2px 20px 2px 20px;}

.GB_header table { margin: 0; width: 100%; border-collapse: collapse;}

.GB_header .caption {text-align: left; color: #eee; white-space: nowrap; font-size: 20px;}

.GB_header .close { text-align: right;}

.GB_header .close img {z-index: 500; cursor: pointer;}

.GB_header .middle {white-space: nowrap; text-align: center;}


#GB_middle {color: #eee;}

#GB_middle img {cursor: pointer; vertical-align: middle;}

#GB_middle .disabled {cursor: default;}

#GB_middle .left {padding-right: 10px;}

#GB_middle .right {padding-left: 10px;}


.GB_Window .content {background-color: #fff; border: 3px solid #ccc; border-top: none;}

.GB_Window .header {border-bottom: 1px solid #aaa; border-top: 1px solid #999; border-left: 3px solid #ccc; border-right: 3px solid #ccc; margin: 0; height: 22px; font-size: 12px; padding: 3px 0; color: #333;}

.GB_Window .caption {font-size: 12px; text-align: left; font-weight: bold; white-space: nowrap; padding-right: 20px;}

.GB_Window .close { text-align: right; }
.GB_Window .close span {font-size: 12px; cursor: pointer; }
.GB_Window .close img {cursor: pointer; padding: 0 3px 0 0;}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }