/* ################################ */
/* ###       Project JFFM       ### */
/* ###     Master Theme CSS     ### */
/* ###          By TDK          ### */
/* ################################ */


.resetstyle {
    animation : none;
    animation-delay : 0;
    animation-direction : normal;
    animation-duration : 0;
    animation-fill-mode : none;
    animation-iteration-count : 1;
    animation-name : none;
    animation-play-state : running;
    animation-timing-function : ease;
    backface-visibility : visible;
    background : 0;
    background-attachment : scroll;
    background-clip : border-box;
    background-color : transparent;
    background-image : none;
    background-origin : padding-box;
    background-position : 0 0;
    background-position-x : 0;
    background-position-y : 0;
    background-repeat : repeat;
    background-size : auto auto;
    border : 0;
    border-style : none;
    border-width : medium;
    border-color : inherit;
    border-bottom : 0;
    border-bottom-color : inherit;
    border-bottom-left-radius : 0;
    border-bottom-right-radius : 0;
    border-bottom-style : none;
    border-bottom-width : medium;
    border-collapse : separate;
    border-image : none;
    border-left : 0;
    border-left-color : inherit;
    border-left-style : none;
    border-left-width : medium;
    border-radius : 0;
    border-right : 0;
    border-right-color : inherit;
    border-right-style : none;
    border-right-width : medium;
    border-spacing : 0;
    border-top : 0;
    border-top-color : inherit;
    border-top-left-radius : 0;
    border-top-right-radius : 0;
    border-top-style : none;
    border-top-width : medium;
    bottom : auto;
    box-shadow : none;
    box-sizing : content-box;
    caption-side : top;
    clear : none;
    clip : auto;
    color : inherit;
    columns : auto;
    column-count : auto;
    column-fill : balance;
    column-gap : normal;
    column-rule : medium none currentColor;
    column-rule-color : currentColor;
    column-rule-style : none;
    column-rule-width : none;
    column-span : 1;
    column-width : auto;
    content : normal;
    counter-increment : none;
    counter-reset : none;
    cursor : auto;
    direction : ltr;
    display : inline;
    empty-cells : show;
    float : none;
    font : normal;
    font-family : inherit;
    font-size : medium;
    font-style : normal;
    font-variant : normal;
    font-weight : normal;
    height : auto;
    hyphens : none;
    left : auto;
    letter-spacing : normal;
    line-height : normal;
    list-style : none;
    list-style-image : none;
    list-style-position : outside;
    list-style-type : disc;
    margin : 0;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    max-height : none;
    max-width : none;
    min-height : 0;
    min-width : 0;
    opacity : 1;
    orphans : 0;
    outline : 0;
    outline-color : invert;
    outline-style : none;
    outline-width : medium;
    overflow : visible;
    overflow-x : visible;
    overflow-y : visible;
    padding : 0;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
    page-break-after : auto;
    page-break-before : auto;
    page-break-inside : auto;
    perspective : none;
    perspective-origin : 50% 50%;
    position : static;
    /* May need to alter quotes for different locales (e.g fr) */
    quotes : '\201C' '\201D' '\2018' '\2019';
    right : auto;
    tab-size : 8;
    table-layout : auto;
    text-align : inherit;
    text-align-last : auto;
    text-decoration : none;
    text-decoration-color : inherit;
    text-decoration-line : none;
    text-decoration-style : solid;
    text-indent : 0;
    text-shadow : none;
    text-transform : none;
    top : auto;
    transform : none;
    transform-style : flat;
    transition : none;
    transition-delay : 0s;
    transition-duration : 0s;
    transition-property : none;
    transition-timing-function : ease;
    unicode-bidi : normal;
    vertical-align : baseline;
    visibility : visible;
    white-space : normal;
    widows : 0;
    width : auto;
    word-spacing : normal;
    z-index : auto;
}


/*###[ Website ]######[ Body ]######*/

body {
 background-color: rgba(0,0,0,1);
 background-image:url("images/background.png");
 background-repeat:repeat;

 margin: 0px;
 padding: 0px;

 color:  rgba(255,255,255,1);
}


/*###[ Website ]######[ Text Paragraphs ]######*/

p.welcome {
 font-style:oblique;
 color:  rgba(255,255,255,1);
 font-size: 32px;
 text-shadow: 1px 1px 3px rgba(255,255,255,1);
 line-height:0px;
}

p.jffm {
 font-style:oblique;
 color:  rgba(255,255,255,1);
 font-size: 64px;
 text-shadow: 1px 1px 3px rgba(255,255,255,1);
 line-height:0px;
}

p.jffm2 {
 font-style:oblique;
 color:  rgba(255,255,255,1);
 font-size: 32px;
 text-shadow: 1px 1px 3px rgba(255,255,255,1);
 line-height:0px;
}

p.slogan {
 font-style:oblique;
 color:  rgba(255,255,255,1);
 font-size: 20px;
 text-shadow: 1px 1px 3px rgba(255,255,255,0.8);
 white-space: nowrap;
}

p.title {
 font-style:oblique;
 color:  rgba(255,255,255,1);
 font-size: 32px;
 text-shadow: 1px 1px 16px rgba(255,255,255,0.8)
}

p.content {
 font-style: normal;
 color:  rgba(255,255,255,0.8);
 font-size: 16px;
 text-shadow: 1px 1px 3px rgba(0,0,0,1);
}
p.resulttext {
 font-style: normal;
 color:  rgba(255,255,255,0.8);
 font-size: 16px;
 text-shadow: 1px 1px 3px rgba(0,0,0,1);
}


input.filterbox_textbox {
  margin-left:10px;
}

/*###[ Website ]######[ TextHeaders ]######*/


h1 {
    font-style:oblique;
    color:  rgba(255,255,255,1);
    font-size: 32px;
    text-shadow: 1px 1px 3px rgba(255,255,255,1);
    line-height: 3px;
} 

h2 {
    font-style:oblique;
    color:  rgba(255,255,255,1);
    text-shadow: 1px 1px 3px rgba(0,0,0,1);
}

h3 {
    font-style:oblique;
    color:  rgba(250,250,0,1);
    text-shadow: 2px 2px rgba(0,0,0,0.8);
    line-height: 3px;
    text-decoration: none;
    font-family:"Microsoft Sans Serif";
    font-size: 24px;
    padding-left:8px;
    margin-top:0px;
    margin-bottom:0px;
}

h4 {
 font-style:oblique;
    font-size: 28px;
    color:  rgba(250,250,250,1);
    text-shadow: 1px 1px 3px rgba(255,255,255,0.8);
}

h5 {
 font-style:oblique;
 font-size: 24px;
 color:  rgba(250,250,250,1);
 text-shadow: 1px 1px 3px rgba(255,255,255,0.8);
 text-decoration:none;
 white-space: nowrap;
}

h6 {
    font-style:oblique;
    color:  rgba(255,255,255,1);
    font-size: 62px;
    text-shadow: 1px 1px 3px rgba(255,255,255,1);
} 

/*###[ Website ]######[ Links ]######*/

a:link,
a:visited {
    color: rgba(250,250,0,1);
    text-decoration: none;
}
a:hover,
a:active,
a:focus {
    color:  rgba(250,250,0,1);
    text-decoration: underline;
}


/*###[ Website ]######[ Fonts ]######*/

@font-face {
    font-family:Dear Lovely;
    src: url("Dear Lovely.ttf"); /* EOT file for IE */
}

@font-face {
    font-family:Dear Lovely;
    src: url("Dear Lovely.ttf"); /* TTF file for CSS3 browsers */
}


/*###[ Website ]######[ Icons ]######*/

img.baseicon32 {
 display: inline-block;
 margin-top:8px;
}

div.iconline {
 display: block;
 clear:both;
 vertical-align:middle;
}

div.iconframe32 {
 display: inline-block;
 vertical-align:middle;
}

div.icontext {
 display: inline-block;

 padding-left: 8px;

 color: rgba(255,255,255,1.0);
 text-shadow: 0px 0px 3px rgba(0,0,0,0.9);
 font-style: oblique;
 font-size:28px;
 vertical-align:middle;
}


/*###[ Website ]######[ NotifyFrame ]######*/

div.titlebar {
 background: rgba(240,240,240,1);
 background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(176,176,176,1) 100%);
 background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,240,240,1)), color-stop(100%, rgba(176,176,176,1)));
 background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(176,176,176,1) 100%);
 background: -o-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(176,176,176,1) 100%);
 background: -ms-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(176,176,176,1) 100%);
 background: linear-gradient(to bottom, rgba(240,240,240,1) 0%, rgba(176,176,176,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#b0b0b0', GradientType=0 );

 color: rgba(255,255,255,1.0);
 text-shadow: 0px 0px 3px rgba(150,0,150,1.0);
 font-style: oblique;
 font-size:28px;
}


/*###[ Website ]######[ Header ]######*/

div.layout_header {
 clear:both;
 display: block;
 height: 160px;
}

img.header_leftlights {
 position:absolute;
 opacity: 1.0;
 left: 150px;
 top: -140px;
 z-index:-1;
}

img.header_centerlogo {
 position:absolute;
 opacity: 1.0;
 margin-left: -300px;
 left:50%;
 top: -136px;
 z-index:1000;
}

img.header_rightlights {
 position:absolute;
 opacity: 1.0;
 right: 180px;
 top: -136px;
 z-index:-1;
}


/*###[ Website ]######[ SideBar ]######*/

/* Please Note:
   JFFM_Sidebar.css is used to style the sidebar.
*/


/*###[ Website ]######[ Content ]######*/

/* Please Note:
   JFFM_Glass.css is used to style several of the components.
   JFFM_Filterbox.css is used to style the filterboxes.
*/

div.layout_content {
 background: rgba(199,199,199,1);
 background: -moz-linear-gradient(-45deg, rgba(199,199,199,1) 0%, rgba(26,26,26,0.91) 13%, rgba(102,102,102,0.84) 23%, rgba(38,38,38,0.76) 35%, rgba(71,71,71,0.69) 46%, rgba(0,0,0,0.61) 57%, rgba(59,59,59,0.56) 65%, rgba(43,43,43,0.48) 77%, rgba(84,84,84,0.37) 93%, rgba(19,19,19,0.32) 100%);
 background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(199,199,199,1)), color-stop(13%, rgba(26,26,26,0.91)), color-stop(23%, rgba(102,102,102,0.84)), color-stop(35%, rgba(38,38,38,0.76)), color-stop(46%, rgba(71,71,71,0.69)), color-stop(57%, rgba(0,0,0,0.61)), color-stop(65%, rgba(59,59,59,0.56)), color-stop(77%, rgba(43,43,43,0.48)), color-stop(93%, rgba(84,84,84,0.37)), color-stop(100%, rgba(19,19,19,0.32)));
 background: -webkit-linear-gradient(-45deg, rgba(199,199,199,1) 0%, rgba(26,26,26,0.91) 13%, rgba(102,102,102,0.84) 23%, rgba(38,38,38,0.76) 35%, rgba(71,71,71,0.69) 46%, rgba(0,0,0,0.61) 57%, rgba(59,59,59,0.56) 65%, rgba(43,43,43,0.48) 77%, rgba(84,84,84,0.37) 93%, rgba(19,19,19,0.32) 100%);
 background: -o-linear-gradient(-45deg, rgba(199,199,199,1) 0%, rgba(26,26,26,0.91) 13%, rgba(102,102,102,0.84) 23%, rgba(38,38,38,0.76) 35%, rgba(71,71,71,0.69) 46%, rgba(0,0,0,0.61) 57%, rgba(59,59,59,0.56) 65%, rgba(43,43,43,0.48) 77%, rgba(84,84,84,0.37) 93%, rgba(19,19,19,0.32) 100%);
 background: -ms-linear-gradient(-45deg, rgba(199,199,199,1) 0%, rgba(26,26,26,0.91) 13%, rgba(102,102,102,0.84) 23%, rgba(38,38,38,0.76) 35%, rgba(71,71,71,0.69) 46%, rgba(0,0,0,0.61) 57%, rgba(59,59,59,0.56) 65%, rgba(43,43,43,0.48) 77%, rgba(84,84,84,0.37) 93%, rgba(19,19,19,0.32) 100%);
 background: linear-gradient(135deg, rgba(199,199,199,1) 0%, rgba(26,26,26,0.91) 13%, rgba(102,102,102,0.84) 23%, rgba(38,38,38,0.76) 35%, rgba(71,71,71,0.69) 46%, rgba(0,0,0,0.61) 57%, rgba(59,59,59,0.56) 65%, rgba(43,43,43,0.48) 77%, rgba(84,84,84,0.37) 93%, rgba(19,19,19,0.32) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c7c7', endColorstr='#131313', GradientType=1 );

 display: block;
 overflow:visible;

 height: 100%;
 box-shadow: 0px 0px 64px rgba(255,0,255,0.8);

 -webkit-border-radius: 8px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
 -moz-border-radius: 8px; /* Firefox 1-3.6 */
 border-radius: 8px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
 border-left: 1px solid rgba(255,255,255,0.5);
 border-right: 1px solid rgba(255,255,255,0.3);
 border-top: 1px solid rgba(255,255,255,0.5);
 border-bottom: 1px solid rgba(255,255,255,0.3);
  
 padding: 8px 8px 8px 8px;
 margin-left: 180px;
 margin-right: 180px;
}





div.content_hidden {
 opacity: 0;

 color:black;
 clear: both;
 margin:0px auto;
 display: none;
 transition: opacity 1.25s ease-in-out;
 -moz-transition: opacity 1.25s ease-in-out;
 -webkit-transition: opacity 1.25s ease-in-out;
}

div.content_visible {
 opacity: 1.0;
 overflow:visible;
 color:rgba(220,220,220,1.0);
 margin:0px auto;
 clear: both;
 padding: 20px;
 width: 90%;
 -webkit-animation: fadeIn 1s;
 -moz-animation:fadeIn 1s;
 animation: fadeIn 1s;
}

div.content_header {
 opacity: 1.0;
   
 background: linear-gradient(0deg, rgba(64,64,64,1), rgba(128,128,128,1.0));
 border-top: solid 2px rgba(220,0,220,1.0);
 color:rgba(220,220,220,1.0);
  
 margin:0px auto;
 clear: both;
 padding: 0px;
 width: 100%;
 height: 24px;
}

div.content_hometitle {
 opacity: 1.0;

 text-align: center;
 color:rgba(220,220,220,1.0);
  
 margin:0px auto;
 clear: both;

 padding: 20px;
 width: 600px;
 -webkit-animation: fadeIn 1s;
 animation: fadeIn 1s;
}


/* Image Frames */

img.imageframeleft {
    background-color: #000000;
    box-shadow: 0px 0px 16px rgba(255,0,255,0.5);
    color: #eee;
    cursor:default;

    -webkit-border-radius: 6px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -moz-border-radius: 6px; /* Firefox 1-3.6 */
    border-radius: 6px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border: 3px solid #b000b2;
    
    float:left;

    opacity: 1.0;
    width: 196px;
    height: 136px;
    margin-right: 10px;
}

img.imageframeright {
    background-color: #000000;
     box-shadow: 0px 0px 16px rgba(255,0,255,0.5);
    color: #eee;
    cursor:default;

    -webkit-border-radius: 6px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -moz-border-radius: 6px; /* Firefox 1-3.6 */
    border-radius: 6px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border: 3px solid #b000b2;
    
    float:right;

    opacity: 1.0;
    width: 196px;
    height: 136px;
    margin-left: 10px;
}

img.imageframe2left {
    background-color: #000000;
    box-shadow: 0px 0px 16px rgba(255,0,255,0.5);
    color: #eee;
    cursor:default;

    -webkit-border-radius: 6px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -moz-border-radius: 6px; /* Firefox 1-3.6 */
    border-radius: 6px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border: 3px solid #b000b2;
    
    float:left;

    opacity: 1.0;
    width: 90px;
    height: 120px;
    margin-right: 10px;
}

img.imageframe2right {
    background-color: #000000;
     box-shadow: 0px 0px 16px rgba(255,0,255,0.5);
    color: #eee;
    cursor:default;

    -webkit-border-radius: 6px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -moz-border-radius: 6px; /* Firefox 1-3.6 */
    border-radius: 6px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border: 3px solid #b000b2;
    
    float:right;

    opacity: 1.0;
    width: 90px;
    height: 120px;
    margin-left: 10px;
}

img.imageframe3left {
    background-color: #000000;
    box-shadow: 0px 0px 16px rgba(255,0,255,0.5);
    color: #eee;
    cursor:default;

    -webkit-border-radius: 6px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -moz-border-radius: 6px; /* Firefox 1-3.6 */
    border-radius: 6px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border: 3px solid #b000b2;
    
    float:left;

    opacity: 1.0;
    width: 270px;
    height: 360px;
    margin-right: 10px;
}

img.imageframe3right {
    background-color: #000000;
    box-shadow: 4px 4px 5px #000000;
    color: #eee;
    cursor:default;

    -webkit-border-radius: 6px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -moz-border-radius: 6px; /* Firefox 1-3.6 */
    border-radius: 6px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border: 3px solid #b000b2;
    
    float:right;

    opacity: 1.0;
    width: 270px;
    height: 360px;
    margin-left: 10px;
}



/* SearchBox */

img.search {
    cursor:pointer;
    padding-left:0px;
    margin-top:7px;
    opacity: 1.0;
    float:right;
}

input.search {
    margin-left:0px;
    margin-top:5px;
    padding:0px;
    opacity:0.8;
    padding-right: 6px;
    float:right;
    text-shadow: 1px 1px rgba(0,0,0,0.8);
}

div.search {
    box-shadow: 3px 3px 4px #000000;
    background: linear-gradient(180deg, rgba(92,92,92,1), rgba(64,64,64,0.8));
    color:rgba(220,220,220,0.7);
    text-shadow: 1px 1px rgba(0,0,0,0.8);
    margin:3px;

    padding-left:13px;
    padding-top:6px;
    -webkit-border-radius: 6px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -moz-border-radius: 6px; /* Firefox 1-3.6 */
    border-radius: 6px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border: 1px solid rgba(128,128,128,1.0);
    height:38px;
}


/* Repertoire SearchBox */

div.repertoire_resultframe {
    background-color: rgba(220,220,220,1.0);
    background: linear-gradient(90deg, rgba(190,0,190,0.5), rgba(32,32,32,0.5));
    box-shadow: 2px 2px 3px #000000;

    color: #eee;
    cursor:default;

    -webkit-border-radius: 6px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -moz-border-radius: 6px; /* Firefox 1-3.6 */
    border-radius: 6px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border: 1px solid rgba(128,128,128,1.0);
    
    float:none;
    clear: both;

    opacity: 1.0;
    margin-top: 15px;

    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

div.repertoire_resultsubframe {
    background-color: rgba(92,92,92,1.0);
       background: linear-gradient(180deg, rgba(92,92,92,1), rgba(64,64,64,0.8));

    color: #eee;
    cursor:default;

    -webkit-border-radius: 6px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -moz-border-radius: 6px; /* Firefox 1-3.6 */
    border-radius: 6px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border: 1px solid rgba(128,128,128,1.0);
    
    float:none;
    clear: both;

    opacity: 1.0;
    margin-top: 10px;

    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

/*-------------------*/
/*    Log Console    */
/*-------------------*/
div.logcontainer {
     margin:0px auto;

    clear: both;

    padding: 20px;
    width: 68%;
}

/*-------------------*/
/*    Object Grid    */
/*-------------------*/

div.OG_Frame {
    background-color: rgba(92,92,92,1.0);
    box-shadow: 2px 2px 3px #000000;

    color: rgba(92,92,92,1.0);

    -webkit-border-radius: 6px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -moz-border-radius: 6px; /* Firefox 1-3.6 */
    border-radius: 6px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border: 1px solid rgba(128,128,128,1.0);
    float:left;
        width: 320px;
    height: 265px;
       margin:0px;
   padding:0px;
     margin-bottom: 20px;
}

div.OG_Title {
    background-color: rgba(92,92,92,1.0);
    background: linear-gradient(180deg, rgba(128,128,128,0.8), rgba(64,64,64,0.6));

    -webkit-border-bottom-left-radius: 6px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -moz-border-radius-bottomleft: 6px; /* Firefox 1-3.6 */
    border-bottom-left-radius: 6px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    -webkit-border-bottom-right-radius: 6px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -moz-border-radius-bottomright: 6px; /* Firefox 1-3.6 */
    border-bottom-right-radius: 6px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
      border-top: 1px solid rgba(128,128,128,0.8);

    text-align:center;
    color: rgba(255,255,255,0.6);
    height: 24px;
    clear:both;
       margin:0px;
   padding:0px;
}

div.OG_Content {
    background-color: rgba(92,92,92,1.0);

    color: rgba(92,92,92,1.0);

        -webkit-border-top-left-radius: 6px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -moz-border-radius-topleft: 6px; /* Firefox 1-3.6 */
    border-top-left-radius: 6px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    -webkit-border-top-right-radius: 6px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -moz-border-radius-topright: 6px; /* Firefox 1-3.6 */
    border-top-right-radius: 6px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
   
    clear:both;
   margin:0px;
   padding:0px;
}

img.OG_Picture {
    background-color: rgba(92,92,92,1.0);
    background: linear-gradient(180deg, rgba(92,92,92,1), rgba(64,64,64,0.8));
        -webkit-border-top-left-radius: 6px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -moz-border-radius-topleft: 6px; /* Firefox 1-3.6 */
    border-top-left-radius: 6px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    -webkit-border-top-right-radius: 6px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -moz-border-radius-topright: 6px; /* Firefox 1-3.6 */
    border-top-right-radius: 6px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */

    text-align:center;
    color: rgba(92,92,92,1.0);
    width: 320px;
    height: 240px;
    clear:both;
       margin-bottom:-4px;
   padding:0px;
}




/*-------------------*/
/*    Dev Test       */
/*-------------------*/

#ThemeIdA {
 width: 128px;
 height: 128px;
}

#ThemeIdB {
 width: 64px;
 height: 64px;
}

.ThemeClassA {
 background-color: rgba(0,0,255,1.0);
 color: rgba(0,255,0,1.0);
 border: 1px solid rgba(255,0,0,1.0);

 -webkit-transition: all 3.3s ease;
 -moz-transition: all 3.3s ease;
 -o-transition: all 3.3s ease;
 transition: all 3.3s ease;
}

.ThemeClassB {
 background-color: rgba(92,92,92,1.0);
 color: rgba(255,0,255,1.0);
 border: 1px solid rgba(255,0,255,1.0);

 -webkit-transition: all 3.3s ease;
 -moz-transition: all 3.3s ease;
 -o-transition: all 3.3s ease;
 transition: all 3.3s ease;
}




/* UberButton Test */

div.uberbutton {
 position: relative;

  width:32px;
  height:32px;
}

.ubHidden {
 position:relative;
 left:0px;
 top:0px;
   width:32px;
  height:32px;

    background-image:url("images/darkbg02.png");
       opacity: 0.0;
         -webkit-transition: all 1.3s ease;
 -moz-transition: all 1.3s ease;
 -o-transition: all 1.3s ease;
 transition: all 1.3s ease;
}

.ubInactive {
 position:relative;
  left:0px;
 top:0px;
   width:32px;
  height:32px;

    background-image:url("images/darkbg02.png");
       opacity: 0.8;
         -webkit-transition: all 1.3s ease;
 -moz-transition: all 1.3s ease;
 -o-transition: all 1.3s ease;
 transition: all 1.3s ease;
}

.ubHighlight {
  position:relative;
  left:0px;
 top:0px;
   width:32px;
  height:32px;

    background-image:url("images/lightbg02.png");
       opacity: 0.8;
         -webkit-transition: all 1.3s ease;
 -moz-transition: all 1.3s ease;
 -o-transition: all 1.3s ease;
 transition: all 1.3s ease;
}

.ubSelected {
  position:relative;
  left:0px;
 top:0px;
   width:32px;
  height:32px;

    background-image:url("images/lightbg02.png");
       opacity: 0.8;
         -webkit-transition: all 1.3s ease;
 -moz-transition: all 1.3s ease;
 -o-transition: all 1.3s ease;
 transition: all 1.3s ease;
}