/*
    global.css
    
    Description: CSS rules shared throughout multiple applications
    
    What goes here: 
    
        - rules for elements inside the framework, but not part of the framework itself
        - rules for elements outside the framework (iframes, and apps like the xml editor)
        - browser hacks usefull throught all applications
        
    What DOESN'T go here:
    
        - rules for elements that are solely framework related, and not usefull outside the framework
        - rules for elements that are application specific, and NOT accessable outside the application
        - rules for elements that are widget/plugin specific
        - rules for elements in the respondent view (live surveys)
*/

/* moved from dui.css */
.floatcontainer { display: block; }
.left { float: left; }
.center { text-align: center; }
.right { text-align: right; float: right; }
.underline { text-decoration: underline; }
.invisible { visibility: hidden; }
.opaque50 { opacity: 0.5; }
.opaque50:hover { opacity: 1; }
.disabled, .disabled:hover { opacity: 0.5; text-decoration: none !important; cursor: default; }
.table-cell { display: table-cell; }
.table-row { display: table-row; }
.table { display: table; }
.hidden { display: none; }
.clear { clear: both; }
.clickable { cursor: pointer; }
.text-small { font-size: 11px; }

pre, code, kbd, samp, tt { font-family: monospace; }

/* list styles (post reset formatting) */
ul, ol { margin: 0; padding: 0; }
ul li { list-style: none; }

ul.list, 
ol.list { padding: 0 0 0 2.3em; margin-bottom: 15px; }

ul.list { list-style-type: disc; }
ol.list { list-style-type: decimal; }

ul.list li:last-child,
ol.list li:last-child { padding-bottom: 0; }

dl.list { padding: 0 0 18px 1.0em }
dl.list dd { padding-bottom: 7px; padding-left: 2.3em }

/* tables */
table.padded td,
table.padded th { padding: 3px; }

table.margin-bottom { margin-bottom: 15px; }

table.borders td,
table.borders th { border: 1px solid #CCC; }

table.noborders tr,
table.noborders td,
table.noborders th { border: none; }

/* text alignment */
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-top { vertical-align: text-top; }
.text-bottom { vertical-align: text-bottom; }
.text-middle { vertical-align: middle; }

.nobold { font-weight: normal; }

/* visted/unvisited link styling */
a.track-visit:active, 
a.track-visit:visited { color: #aaa; }

/* ================================ (button styles - designed to match the jQuery UI buttons) ============================= */
.dui-button {
    position: relative;
    display: inline-block;
    margin: 0 0.1em 0 0;
    padding: 0;
    border: 1px solid #7F7F7F;
    border-bottom-color: #535353;
    border-right-color: #535353;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #e7e7e7;
    background: -moz-linear-gradient(top,  #e7e7e7 0%, #cbcbcb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(100%,#cbcbcb));
    background: -webkit-linear-gradient(top,  #e7e7e7 0%,#cbcbcb 100%);
    background: -o-linear-gradient(top,  #e7e7e7 0%,#cbcbcb 100%);
    background: -ms-linear-gradient(top,  #e7e7e7 0%,#cbcbcb 100%);
    background: linear-gradient(to bottom,  #e7e7e7 0%,#cbcbcb 100%);
    font-size: 12px;
    font-family: Arial, "MS Trebuchet", sans-serif;
    text-align: center;
    cursor: pointer;
    zoom: 1;
    vertical-align: text-bottom;
    overflow: visible;
    outline: none;
    }

/* IE7 */
*+html .dui-button { margin: 0 4px 0 0; }

a.dui-button { text-decoration: none; }

/* reset extra padding in Firefox */
button.dui-button::-moz-focus-inner,
input.dui-button::-moz-focus-inner { border: 0; padding: 0; }

input.dui-button { padding: 5px 8px; color: #333; }
input.button-small { padding-top: 4px; padding-bottom: 4px; }
input.button-xsmall { padding-top: 2px; padding-bottom: 2px; }

.button-small,
.button-xsmall { font-size: 11px; }
.button-large { font-size: 16px; }

/* ==== button text ==== */
.dui-button-text { padding: 5px 8px; display: block; }
.button-small .dui-button-text { padding-top: 4px; padding-bottom: 4px; }
.button-xsmall .dui-button-text { padding-top: 2px; padding-bottom: 2px; }
.dui-button-text.text-bold { font-weight: bold; }

.dui-button .dui-button-text, 
.dui-button:link .dui-button-text, 
.dui-button:visited .dui-button-text { color: #333; text-decoration: none; }

.dui-button .dui-button-text.text-red, 
.dui-button:link .dui-button-text.text-red, 
.dui-button:visited .dui-button-text.text-red { color: #F00; }

.dui-button .dui-button-text.text-grey, 
.dui-button:link .dui-button-text.text-grey, 
.dui-button:visited .dui-button-text.text-grey { color: #999; }

/* ==== button icons ==== */
.dui-button .ui-icon { 
    
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    margin-top: -9px;
    text-indent: -99999px;
    background-image: url('/i/ui-icons.png');
    overflow: hidden;
    }
    
.dui-button.icon-left .ui-icon { left: 4px; }
.dui-button.icon-right .ui-icon { right: 4px; }
.icon-left .dui-button-text { padding-left: 22px; }
.icon-right .dui-button-text { padding-right: 22px; }

.dui-button.icon-only { padding: 4px 0px; }
.dui-button.button-large.icon-only { padding: 6px; }
.dui-button.button-small.icon-only { padding: 3px; }
.dui-button.button-xsmall.icon-only { padding: 2px; }

.dui-button.icon-only .ui-icon { 
    
    position: static;
    top: auto;
    width: 0;
    height: 0;
    float: left;
    margin-top: 0; 
    padding: 8px;
    overflow: hidden;
    }

/* ==== disabled buttons ==== */
.dui-button.disabled,
.dui-button[disabled],
.dui-button.disabled:hover,
.dui-button[disabled]:hover,
.dui-button.disabled:active,
.dui-button[disabled]:active { border-color: #949494; background: #E6E6E6; opacity: 1.0; cursor: default; }

.dui-button.disabled .ui-icon,
.dui-button[disabled] .ui-icon { background-image: url('/i/ui-icons_disabled.png'); }

.dui-button.disabled,
.dui-button[disabled],
.dui-button.disabled .dui-button-text,
.dui-button[disabled] .dui-button-text,
.dui-button.disabled:hover .dui-button-text,
.dui-button.disabled:active .dui-button-text { color: #808080 }

/* ==== selected buttons ==== */
.dui-button.selected,
.dui-button.selected:active { background: white; }

.dui-button.selected .dui-button-text,
.dui-button.selected:hover .dui-button-text,
.dui-button.selected:active .dui-button-text { color: #E6E6E6 }

/* ==== secondary buttons ==== */
.dui-button.secondary,
.dui-button.secondary:hover,
.dui-button.secondary:active  { border: none; background: none; box-shadow: none; }

.dui-button.secondary .dui-button-text,
.dui-button.secondary:hover .dui-button-text,
.dui-button.secondary:active .dui-button-text  { text-decoration: underline; }

.dui-button.secondary.disabled .dui-button-text,
.dui-button.secondary.disabled:hover .dui-button-text,
.dui-button.secondary.disabled:active .dui-button-text  { color: #666; text-decoration: none; }

/* ==== hover states ==== */
.dui-button:hover { 
    
    border-color: #7F7F7F;
    border-top-color: #535353;
    border-left-color: #535353;
    background: url("/i/glass.png") repeat-x scroll 50% 50% #DBDBDB;
    }

/* ==== active states ==== */
.dui-button:active {
    
    background: white;
    outline: 0;
    outline: none;
    text-decoration: none;
    }

/* IE7 */
*:first-child+html button.dui-button .dui-button-text { padding-top: 3px; padding-bottom: 3px; }


/* ================================================== (Hacks/Clearfixes) ================================================== */
.clearfix:after, 
.group:after { 
    
    content: "";
    display: block; visibility: hidden;
    height: 0;
    clear: both;
    }

*:first-child+html .clearfix, 
*:first-child+html .group { zoom: 1; } /* IE7 */
*:first-child+html .nozoom { zoom: 0 !important; } /* IE7 */
*:first-child+html .zoom { zoom: 1 !important; } /* IE7 */

.floatcontainer:after {
    
    content: ".";
    display: block; 
    visibility: hidden;
    height: 0;
    font-size: 0;
    clear: both;
    }
