body
{
    margin: 0em 0em 0em 0em;
    padding: 0em 0em 0em 0em; /*position:absolute;*/
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}
.outer_xflow
{
    /*padding-top: 5px !important;*/ *padding-bottom:10px;
width:100%!important;
}
h3.advert
{
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 8pt;
}

h3.advert a
{
    color: #FFCC00;
    text-decoration: none;
}

h3.advert a:hover
{
    color: #FF6600;
}

/* xflow styles below */

div.xflow
{
    /*background-color:#FFFFFF;*/
    width: 100%;
    height: 325px;
    margin: 0px 0px 0px 0px;
    text-align: left; *height:250px;
}

div.xflow img
{
    -ms-interpolation-mode: bicubic;
}

div.xflow a
{
    color: #000;
}

div.xflow a:hover
{
    color: #FFCC00;
}

div.xflow div.imagebg
{
    /*background-color:#000000;*/
    position: absolute;
    top: 308px;
    left: 329px;
}

div.xflow div.imagebg img
{
    cursor: pointer;
}

div.xflow .images
{
    visibility: hidden;
    z-index: 1000;
}

div.xflow .loading
{
    font: 900 1.2em arial;
    color: #7F7F7F;
    margin: 0em auto 0em auto;
    text-align: left;
    z-index: 1000;
    background: url(../images/loading.gif) center bottom no-repeat;
    height: 100px;
    width: 300px;
}

div.xflow .loading p
{
    font: 100 0.6em arial;
    color: #C1C1C1;
    margin: 10px 0px 0px 0px;
}

div.xflow .maintitle
{
    font: 900 1em arial;
    margin: 3em auto 0em auto;
    padding: 0em 0em 0.3em 0em;
    color: #909090;
}

div.xflow .maindesc
{
    font: 900 0.6em arial;
    color: #909090;
    width: auto;
    padding: 0em 0em 0em 0em;
}

div.xflow .maindesc a
{
    font: 900 1em arial;
}

div.xflow .blend
{
    color: #000000;
    background-color: #000000;
    text-shadow: none;
}

div.xflow .captions
{
    position: relative;
    text-align: center;
    z-index: 1000;
    height: 20px;
    margin: 0px auto 0px auto;
    clear: both;
}

div.xflow .captions p
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #A4A4A4;
    text-shadow: 1px 1px 1px #0C0C0C;
}

div.xflow .captions p em
{
    font-size: 0.8em;
    margin: 0px 0px 0px 0px;
}

div.xflow .captions p a
{
    font-size: 1em;
}

div.xflow .scrollbar
{
    visibility: hidden;
    position: relative;
    z-index: 1000;
    background: transparent url(../thumbs/xflow-slidebar.png) 0px -38px repeat-x;
    height: 19px;
    text-align: center;
    margin: -65px auto 0px auto;
    list-style: none;
}

div.xflow .scrollbar li
{
    position: absolute;
    display: inline;
}

/*div.xflow .barleft{
	left:-28px;
	background:transparent  url(../thumbs/xflow-slidebar.png) 0px -19px no-repeat;
	height:19px;	
	width:50px;	
}

div.xflow .barright{
	right:-8px;
	background:transparent url(../thumbs/xflow-slidebar.png) 0px 0px no-repeat;
	height:19px;	
	width:50px;	
}*/

div.xflow .barleft em, div.xflow .barright em
{
    position: absolute;
    top: 2px;
    font: 900 0.7em arial;
    color: #A3A3A3;
    text-shadow: 1px 1px 1px #000000;
}

div.xflow .barleft em
{
    left: 65px;
}

div.xflow .barright em
{
    right: 65px;
}

div.xflow .slider
{
    background: transparent url(../thumbs/xflow-slidehandle.png) no-repeat;
    width: 20px;
    height: 19px;
    top: 0px;
    z-index: 1002;
}

div.xflow li.slidetext
{
    top: 2px;
    font: 900 0.7em arial;
    text-align: center;
    color: #A3A3A3;
    text-shadow: 1px 1px 1px #000000;
}

div.xflow .slider a
{
    position: relative;
    top: -4px;
    left: 0px;
    color: #999999;
    font: 900 8px arial;
    text-decoration: none;
    outline: none;
}

div.xflow .slider a:hover
{
    color: #FFCC00;
}

div.xflow .firstqty, div.xflow .lastqty
{
    color: #999999;
    font: 900 9px arial;
    position: relative;
    top: 3px;
}

/* viewer styles */

div.xflow .xflow_imageviewer
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    clear: both;
    float: left;
    z-index: 1000;
    background: transparent url(../images/overlay.png) 0 0 repeat;
    display: none;
    margin: 0px auto 0px auto;
}

div.xflow .xflow_viewerimageholder
{
    position: relative;
    padding: 5px 5px 5px 5px;
    margin: 40px auto 0px auto;
    background: #080808 url(../images/bg-main.jpg) center center repeat;
    width: 1%;
    border: 1px solid #383838;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px; /* 	box-shadow: 5px 5px 5px #111111; 	-moz-box-shadow: 5px 5px 5px #111111; 	-webkit-box-shadow: 5px 5px 5px #111111; */
}

.xflow_viewerimageholder
{
    visibility: hidden;
    z-index: 0;
}

div.xflow
{
    -ms-interpolation-mode: bicubic;
}
#xflow_viewermainimage
{
    border: solid 1px red;
    visibility: hidden;
    z-index: 0;
}

div.xflow #xflow_viewercode
{
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 9000;
}

div.xflow #xflow_viewertext
{
    position: absolute;
    bottom: 5px;
    left: 5px;
    right: 5px;
    padding: 10px 10px 5px 10px;
    background: transparent url(../images/overlay.png) 0 0 repeat;
    border-top: 1px solid #4F4F4F;
    text-align: left !important;
    overflow: none !important;
}

div.xflow #xflow_viewertext p.imagetitle
{
    position: relative;
    font: 900 0.8em arial;
    z-index: 10000;
    clear: both;
    margin: 0px 75px 0px auto;
    color: #DBDBDB !important;
}

div.xflow #xflow_viewertext p.imagetext
{
    position: relative;
    font: 100 0.6em arial;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 0px 0px;
    clear: both;
    color: #919191 !important;
}

div.xflow .xflow_imageviewer p
{
    font: 100 0.6em arial;
    margin: 5px 0px 5px 0px;
    padding: 0;
}

div.xflow .xflow_imageviewer a
{
    font-weight: bold;
}

div.xflow #xflow_viewercontrols
{
    position: absolute;
    z-index: 10000;
    top: 7px;
    right: 3px;
    width: auto;
    margin: 0px auto 0px auto;
}

div.xflow #xflow_viewerprevimage, div.xflow #xflow_viewernextimage, div.xflow #xflow_viewercloseimage
{
    position: relative;
    height: 25px;
    width: 25px;
    background: url(../images/controls.png);
    float: left;
}

div.xflow #xflow_viewerprevimage
{
    background-position: 0px 0px;
}

div.xflow #xflow_viewerprevimage:hover
{
    background-position: 0px -24px;
}

div.xflow #xflow_viewernextimage
{
    background-position: 45px 0px;
}

div.xflow #xflow_viewernextimage:hover
{
    background-position: 45px -24px;
}

div.xflow #xflow_viewercloseimage
{
    background-position: 24px 0px;
}

div.xflow #xflow_viewercloseimage:hover
{
    background-position: 24px -24px;
}

div.xflow #viewerLink
{
    margin: 10px auto 0px auto;
}


/* additional styles for editor files */

div.xflow form
{
    margin: 0em auto 0em auto;
    padding: 1em 0 0;
    text-align: center;
    width: 50em;
}

div.xflow p
{
    font: 100 0.8em arial;
    text-shadow: 1px 1px 1px #0C0C0C;
}

div.xflow p.textleft
{
    text-align: left;
}

div.xflow p.returnlink a
{
    font: 900 1.2em arial;
}

div.xflow form p
{
    color: #C1C1C1;
}

div.xflow hr
{
    border: none;
    margin: 1em 0em 1em 0em;
    height: 1px;
    background-color: #15161A;
}

div.xflow form div
{
    margin: 0px auto 8px auto;
    width: 33em;
    text-align: right;
}

div.xflow div.previewimage
{
    float: left;
    margin: 0em 0em 1em 0em;
    padding: 0.6em;
    background: #000000;
    border: 1px solid #4F4F4F;
    clear: none;
    text-align: center;
    width: 120px;
    -ms-interpolation-mode: bicubic;
}

div.xflow div.previewimage p
{
    text-align: center;
    font-size: 0.7em;
    margin: 0em 0em 0em 0em;
}

div.xflow label
{
    float: left;
    color: #666666;
}
div.xflow h1
{
    margin: 0px;
    padding: 0px;
}
div.xflow input, div.xflow select
{
    font: 100 1em arial;
    padding: 5px 0px 5px 2px;
    color: #A6A6A6;
    width: 16em;
    background: #FFFFFF url(../images/input.png) 0 0 repeat-x;
    border: 1px solid #FFCC00;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}

div.xflow input.input-clear
{
    padding: 2px 0px 0px 0px;
    width: 20em;
    border: none;
    color: #D3D3D3;
    background: none;
    background-color: transparent;
    font: 100 0.8em arial;
}

div.xflow input:focus, div.xflow select:focus
{
    color: #353535;
}

div.xflow select
{
    width: 16.2em;
}

div.xflow .checkbox
{
    width: 20px;
    border: none;
}

div.xflow .faux_holder
{
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 10px 0px !important;
    position: relative;
}

div.xflow input.uploadfile
{
    position: absolute !important;
    right: 30px !important;
    top: 1px !important;
    z-index: 1000 !important;
    -moz-opacity: .0 !important;
    filter: alpha(opacity=0) !important;
    opacity: .0 !important;
}

div.xflow div.upload_faux
{
    position: absolute !important;
    right: 30px !important;
    top: 0px !important;
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 5px 0px !important;
}

div.xflow input.uploadfile_faux
{
    width: 124px;
}

div.xflow p.edittext
{
    margin: 0px 0px 0px 0px !important;
    position: relative !important;
    right: 5px !important;
    top: 10px !important;
    font-size: 8pt !important;
    float: right !important;
}

div.xflow #galleryOrderHolder
{
    background: #000000;
    width: 98%;
    padding: 0.5em 0.5em 0.5em 0.5em;
    margin: 0em 0em 2em 0em;
    border: 1px solid #5F5F5F;
    text-align: left;
    overflow: auto;
    position: relative;
    clear: both;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}

div.xflow #galleryOrder
{
    margin: 0em 0em 0em 0em;
    padding: 0em 0em 0em 0em;
}

div.xflow #galleryOrder li
{
    cursor: move;
    float: left;
    margin: 5px 10px 0px 10px;
    list-style: none;
}

/* overlay */
div.xflow .xflow_overlay
{
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    clear: both;
    float: left;
    z-index: 99999999;
    background: transparent url(../images/overlay.png) 0 0 repeat;
    text-align: center;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    color: #E1E1E1;
    display: none;
}

div.xflow .xflow_overlay-showing
{
    display: block;
}

div.xflow .xflow_overlay h2
{
    padding: 0px 0px 60px 0px;
    background: transparent url(../images/loading.gif) center 50px no-repeat;
}

div.xflow .xflow_overlay h2.message
{
    padding: 0px 0px 30px 0px;
    color: #a3d427;
    background: none;
}

div.xflow .xflow_overlay h2.error
{
    padding: 0px 0px 30px 0px;
    color: #FF3300;
    background: none;
}

div.xflow .helplayer
{
    display: none;
}

div.xflow .instructions
{
    font: 100 1em arial;
    text-align: center;
    padding: 0em 8em 0em 8em;
    margin: 1em 0em 4em 0em;
}

div.xflow fieldset
{
    position: relative;
    top: 2px;
    margin: 0em 0em 1em 0em;
    padding: 1em 1em 1em 1em;
    border: 1px solid #4F4F4F;
    background: #303030 url(../images/bg_main.jpg) 0px center repeat-y;
    clear: both;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}

div.xflow fieldset legend
{
    position: absolute;
    margin: 0em 0em 0em 0em;
    padding: 0em 0em 0em 0em;
}

div.xflow ul.fieldsettabs
{
    padding: 0em 0em 0em 0em;
    margin: 0em 0em 0em 0em;
    list-style: none;
    position: relative;
    float: left;
    text-align: left;
}

div.xflow li.tab
{
    padding: 0em 0em 0em 0em;
    margin: 0em 0em 0em 0em;
    display: inline;
    position: absolute;
    width: 50em;
}

div.xflow ul.tabslist
{
    padding: 0em 0em 0em 0.3em;
    margin: 0em 0em 0em 0em;
}

div.xflow ul.tabslist li
{
    padding: 0.4em 1em 0.4em 1em;
    margin: 0em 0em 0em 0em;
    font: 800 0.8em arial;
    color: #494749;
    text-shadow: 1px 1px 1px #000000;
    cursor: pointer;
    display: inline;
    background: #0A0A0A;
    border: 1px solid #343234;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}

div.xflow ul.tabslist li.selected
{
    color: #D2D2D2;
    background: #202020;
    border: 1px solid #5F5C5F;
}

div.xflow #video-upload
{
    display: none;
}

div.xflow ul.tabslist li:hover
{
}

div.xflow .galleryitem
{
    border: none;
    background: transparent;
    display: none;
}

/* help layer styles */

div.xflow div.helpbox
{
    padding: 0.5em 0em 0.5em 0em;
    margin: 0.5em 0em 0.5em 0em;
    text-align: left;
    border-top: 0.1em dashed #FFCC00;
    border-bottom: 0.1em dashed #FFCC00;
}

div.xflow div.helpbox p
{
    font: 100 0.8em arial;
    color: #FFCC66;
    padding: 0em 0em 0em 0em;
    margin: 0em 0em 0em 0em;
}

div.xflow input.helpbutton
{
    width: 25px;
    height: 25px;
    background: transparent url(../images/help.png) 0px 0.4em no-repeat;
    color: transparent;
    border: none;
    cursor: pointer;
}

div.xflow input.button, div.xflow button.faux_button
{
    font: 900 0.8em arial;
    width: 128px;
    height: 31px;
    background: url(../images/gen-upload-button.png) 0px 0px no-repeat;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #0C0C0C;
    border: none;
    padding: 0em 0em 0em 0em;
    margin: 0em 0em 0em 0em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    cursor: pointer;
}

div.xflow input.button:hover, div.xflow button.faux_button:hover
{
    background-position: 0px -31px;
}

/* main help layer */
div.xflow .xflow_helplayer
{
    display: none;
}

div.xflow .xflow_helplayer a
{
    color: #111111;
}

div.xflow .xflow_helplayer a:hover
{
    color: #0099CC;
}

/* admin links */
div.xflow .adminlinks
{
    background: none repeat scroll 0 0 #280000;
    border-bottom: 1px solid #826800;
    color: #6C1C00;
    font: 900 8pt arial;
    margin: 0px;
    padding: 1em 1em 1em 1em;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    text-align: center;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
}

div.xflow .adminlinks a
{
    padding: 0em 0.5em 0em 0.5em;
    color: #FFCC00;
}

div.xflow .adminlinks a:hover
{
    color: #CC0000;
}

div.xflow p.version
{
    color: #B70000;
    font: 900 0.8em arial;
    text-shadow: 1px 1px 1px #0C0C0C;
    margin: 0em 0em 0em 0em;
    padding: 0em 0em 0.75em 0em;
    position: absolute;
}

div.xflow p.version a
{
    color: #FF9900;
    border-bottom: 1px dashed #FF9900;
    text-decoration: none;
}

/* gallery menu */

div.xflow div.gallerymenu
{
    margin: 3em auto 1em auto;
    text-align: center;
    width: 75%;
    visibility: hidden;
}

div.xflow div.gallerymenu h3
{
    font: 900 0.7em arial;
    margin: 0em 0em 0.5em 0em;
    color: #A4A4A4;
}

div.xflow div.gallerymenu ul
{
    list-style: none;
    margin: 0em 0em 0em 0em;
    padding: 0em 0em 0em 0em;
}

div.xflow div.gallerymenu ul li
{
    display: inline;
    margin: 0em 0.2em 0em 0.2em;
    padding: 0em 0em 0em 0em;
    font-size: 1em;
}

div.xflow div.gallerymenu ul li.breaker
{
    margin: 0em 0.2em 0em 0.2em;
}

div.xflow div.gallerymenu ul li a
{
    font-size: 0.9em;
}

div.xflow div.gallerymenu ul li a.active
{
    color: #FFD941;
}

div.xflow div.gallerymenu ul li a img
{
    height: 30px;
}

div.xclear
{
    clear: both;
}

fieldset.loginfieldset
{
    height: 75px;
}
.dataContainer
{
    cursor: pointer;
}
@media (max-width: 480px)
{
    .dataContainer
    {
        cursor: pointer; /*position: absolute; 		margin-top: 32px !important; 		height: 72% !important;*/
    }
}