/* Common */

.spacer {
  clear: both;
}

#galaxy {
  width:100%;
  font-family: sans-serif;
}

#output_debug {
  display:none;
}

.galaxy-settings-header {
    padding: 12px 0px;
    /*border-top: 3px solid #ff6b6b;*/
}

/* Style for Tabs */

#galaxy ul {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 30px;
    border-bottom: 1px solid #666;
    border-left: 1px solid #666;
    width: 100%;
}

#galaxy ul li {
    float: left;
    margin: 0;
    padding: 0;
    height: 29px;
    line-height: 29px;
    border: 1px solid #666;
    border-left: none;
    margin-bottom: -1px;
    overflow: hidden;
    position: relative;
    background: #ddd;
    background-image: -webkit-linear-gradient(bottom,#DDD,#E9E9E9);
    background-image: linear-gradient(bottom,#DDD,#E9E9E9);
    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    
}
#galaxy ul li a {
    text-decoration: none;
    color: #888;
    display: block;
    font-size: 14px;
    padding: 0 20px;
}
#galaxy ul li a:hover {
    background: #ccc;
    color: #666;
}

#galaxy .ui-tabs .ui-tabs-nav li.ui-state-active {
    cursor: text;
    color: #666;
    border-bottom: 1px solid #fff;
}
#galaxy .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    position: relative;
    background: #fff;
}
#galaxy .ui-tabs .ui-tabs-nav li a,
#galaxy .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer;
}

#galaxy .ui-tabs .ui-tabs-panel { 
    display: block;
    border: none;
    overflow: hidden;
    clear: both;
    float: left;
    width: 480px;
    background: #fff;
    margin: 0;
    padding: 10px 10px 0;
    font-size: 14px;
}

#galaxy .ui-tabs .ui-tabs-hide {
    display: none !important;
}



#urlInput, #urlInputShort, #deepLink, #urlInputDeeplink {
  font-size: 23px;
  width:100%;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: #ddd;
}


.select_categ {
  width:300px;
  height:200px !important;
}

.galaxy_gallery {
    border: 1px #CCCCCC solid;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 2px;
    width:100px;
}

.galaxy_gallery_main {
  border: 3px green solid;
}

.stuffbox {
  max-width: 100% !important;
  padding: 0 22px;
}

.stuffbox p {
  font-style: italic;
}

.galaxy_success {
  height: 64px;
  background-image: url('../images/success.png');
  background-repeat: no-repeat; 
  padding-left:70px;
  line-height: 50px;
  vertical-align:middle;
  font-size: 16px;
  font-weight:bold;
  display: inline-block;
}

.galaxy_error {
  width: 100%;
  height: 64px;
  background-image: url('../images/error.png');
  background-repeat: no-repeat; 
  padding-left:70px;
  line-height: 64px;
  vertical-align:middle;
  font-size: 16px;
  font-weight:bold;
}

/* TABLE CALENDAR */

.wp-calendar {width: 100%;}
.wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
.wp-calendar thead { font-size: 12px; }
.wp-calendar thead th { padding-bottom: 10px; background: #BBD5EC;}
.wp-calendar tbody { color: #000; }
.wp-calendar tbody td { position: relative; width: 14%; height: 40px; line-height: normal; background: #E4F3F7; border: 1px solid #fff; text-align: left; padding:8px;}
/*.wp-calendar tbody td:hover { background: #fff; }*/
.wp-calendar tbody .pad { background: #e5e5e5; }
.wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
.wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }



.date_number {
  position: absolute;
  right: 0px;
  top:0px;
}

.radio_date {
  position: absolute;
  right: 0px;
  bottom:0px;
}

.wrapper_td { /* Hack for safari and firefox ... */
  position:relative;
  display: block;
  width: 100%;
  height: 100%;
}

.wp-calendar li {
  list-style-type: square;
  margin-left: 11px;
}


#dropArea {
    background-color: #DDDDDD;
    border: 3px dashed #000000;
    font-size: 48px;
    font-weight: bold;
    height: 200px;
    line-height: 100px;
    text-align: center;
    width: 100%;
}
#dropArea.hover {
    background-color: #CCCCCC;
}
#dropArea.uploading {
    background: #EEEEEE url(loading.gif) center 30% no-repeat;
}