/* -----------------------------------------------------------------------


 IRI - Live tweet annotation CSS 
 http://www.iri.centrepompidou.fr

   * Copyright (c) 2010-Present. See LICENSE for more info. (cecill-C)
   * Contributor : Samuel Huron 

----------------------------------------------------------------------- */

body {background-image:url(../../images/bgd.jpg);background-repeat:repeat-x;background-color:#f7f6f6;font-family: 'PT Sans', arial, serif; }
textarea {margin-left:3px;height: 60px;width: 330px;padding:5px;background-image:url(../../images/tweetWriterBgdTxtArea.gif);background-repeat:no-repeat;border: none;}
.loginbutton{margin-left:3px;height: 60px;width: 330px;padding:5px;background-image:url(../../images/tweetWriterBgdUnconnect.gif);background-repeat:no-repeat;border: none;margin-bottom:10px;color:#fff;}
.loginlink{text-decoration:none;color:#fff;}
.menuLink:active {text-decoration:none;}
.menuLink:visited {text-decoration:none;}
h3{font-size: 1.5em;line-height: 1;margin-bottom: 0.3em;}

#Aboutbox{background-image:url(../../images/about_bgd.jpg);background-repeat:no-repeat;width:600px;height:360px;overflow:auto; border:1px solid #fff;}
.lightBorder{padding:20px;}
.lightTitle{font-size: 48px;font-weight:900;color:#e6e6e6;font-family: 'Geo', arial, serif;line-height:80%}
.lightSubTitle{font-size: 24px;font-weight:bold;color:#262626; width:250px;line-height:80%}
.lightDescription{font-size: 12px;color:#000; width:288px;text-align:justify;margin-top:15px;}
.lightButton{width:134px;height:22px;background-image:url(../../images/bt_bgd_grey.jpg);background-repeat:no-repeat;}
.lightButton:active{width:134px;height:22px;background-image:url(../../images/bt_bgd_grey.jpg);background-repeat:no-repeat;}
.lightButton:over{text-decoration:none;background-image:url(../../images/bt_bgd_grey.jpg);background-repeat:no-repeat;}


.logo{padding-right:10px;float:left;}
.menu{float:left;height:62px;border-left:1px solid #c3c3c3;list-style-type:none;padding:0px;margin:0px;}
.menuUnderline{margin-left:0px;padding-left:0px;background-image:url(../../images/menu_underline.gif);background-repeat:no-repeat;background-position:left bottom; width:100px;margin-top:3px;}
.menuLink{text-decoration:none; margin:5px; color:#000}
.menuLink:active {text-decoration:none;}
.menuLink:visited {text-decoration:none;}
.mdselect{width: 150px}
.mdselect span {margin-left:5px;}
/*.mdselect select {margin-left:5px; width: 120px}*/
.mdselect select {margin-left:5px}
.lang{margin-left:350px;}
.shortlang{margin-left:200px;}

.tweetContainer{position:absolute; margin-top:70px;}
.tweetWriter{background-image:url(../../images/tweetWriterBgd.gif);width:359px;height:136px;padding:10px;position:absolute; margin-top:70px;}
.tweetWriterTitle{color:4b4b4b;font-family: 'PT Sans Narrow', arial, serif;}
.tweetExplain{background-image:url(../../images/tweetExplainBgd.gif);width:359px;height:510px;padding:10px;position:absolute; margin-top:70px;}
#tweetCounter{background-color:transparent;display:inline-block;border:0;border-style:none;font-weight:bold;}
.tweetCounterNegative{color:red;}

.tweetReader{width:377px;height:450px;position:absolute; margin-top:225px;border:1px solid #c3c3c3;background:#ffffff;}
.tweetButton{float:right;margin-right:5px;cursor:pointer;}

.timelinePlayer{border:1px solid #c3c3c3;width:650px;height:650px;}
.videoLivePlayer{border:1px solid #c3c3c3;width:500px;height:375px;}
.videoLive{width:500px;height:378px;background:#fff;float:left;margin-top:20px;padding:5px;}
.videoLiveProgram{width:500px;margin-top:425px;margin-left:392px;position:absolute;}
.videoLiveProgram2{width:500px;margin-top:470px;margin-left:392px;position:absolute;}

.videoLiveProgramTitle{color:#4b4b4b;font-family: 'PT Sans Narrow', arial, serif;font-size: 1.5em;padding:5px;border:1px solid #c3c3c3;background-color:#efefef;background-image:url(../../images/bgdTitle.png);background-repeat:no-repeat;}
.videoLiveProgramDescription{padding:5px;border:1px solid #c3c3c3;padding:5px;border-top:none;background-color:#fff;background-image:url(../../images/bgdDescription.jpg);background-repeat:no-repeat;height:193px;overflow:scroll;}


.footer{margin-top:770px;width:900px;height:20px;position:absolute;text-align:center;}
.footerLink{text-decoration:none; margin:5px; color:#000;font-family: 'PT Sans Narrow', arial, serif;font-size: 1.1em;}
.footerLink:active {text-decoration:none;}
.footerLink:visited {text-decoration:none;}

.tooltip {display:none;background:transparent url(../../images/white_arrow.png);font-size:12px;height:70px;width:160px;padding:25px;color:#000;}

.timeline{height:28px;border: 1px solid #ccc;}
.timeFragment {float:left;position:relative;float:left;}
.timeFrame {border-left: 1px solid #AAA;border-right: 1px solid #AAA;height:10px;float:left;position:relative;}
.bigTimeFrame {border-right: 1px solid #ccc;float:left;position:relative;}

.arrowContainer{height:10px;width:100%;}

.cleaner {clear:both;} 
.txt{visibility:hidden;}


.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button_w { background: transparent url('../../images/bg_button_a_w.png') no-repeat scroll top right; color: #444;display: block;float: left;font: normal 12px arial, sans-serif;height: 24px;margin-right: 6px;padding-right: 18px; text-decoration: none;}
a.button_w span { background: transparent url('../../images/bg_button_span_w.png') no-repeat; display: block;line-height: 14px; padding: 5px 0 5px 18px;} 

a.button_b { background: transparent url('../../images/bg_button_a_b.png') no-repeat scroll top right; color: #fff;display: block;float: left;font: bold 12px arial, sans-serif;height: 24px;margin-right: 6px;padding-right: 18px; text-decoration: none;}
a.button_b span { background: transparent url('../../images/bg_button_span_b.png') no-repeat; display: block;line-height: 14px; padding: 5px 0 5px 18px;} 

#question{background: transparent url('../../images/bt_blue.png') no-repeat; width:32px;height:20px;text-decoration: none;font: normal 12px;color: #444;text-align:center; }
#question:active {text-decoration:none;}
#question:visited {text-decoration:none;}
#reference{background: transparent url('../../images/bt_yellow.png') no-repeat;width:32px;height:20px;text-decoration: none;font: normal 12px;color: #444;text-align:center; }
#reference:active {text-decoration:none;}
#reference:visited {text-decoration:none;}
#positive{background: transparent url('../../images/bt_green.png') no-repeat;width:32px;height:20px;text-decoration: none;font: normal 12px;color: #444;text-align:center; }
#positive:active {text-decoration:none;}
#positive:visited {text-decoration:none;}
#negative{background: transparent url('../../images/bt_red.png') no-repeat;width:32px;height:20px;text-decoration: none;font: normal 12px;color: #444;text-align:center; }
#negative:active {text-decoration:none;}
#negative:visited {text-decoration:none;}

.scrollable {
    position:relative;
    overflow:hidden;
/*    width: 660px;*/
}


.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}

.item {
    float:left;
    margin: 0 10px;
}

.introBox{width:880px;height:280px;padding:10px;position:absolute; margin-top:70px;}
.aboutBox{background-image:url(../../images/archivesBoxBody.gif);width:900px;position:absolute; margin-top:70px;}
.archivesBox{background-image:url(../../images/archivesBoxBody.gif);width:900px;height:297px;position:absolute; margin-top:450px;}
.archivesBoxArchive{width:900px;}
.archivesBoxContainer{padding:10px 10px 0 0;width:880px;display:block;height:480px;}
.archivesBoxClear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
	background-image:url(../../images/archivesBoxBody.gif);
	height:10px;
}
.archivesBoxFooter{background-repeat:no-repeat;background-position:left bottom;background-image:url(../../images/archivesBoxFooter.gif);width:100%;height:3px;}
.archivesBoxHeader{background-repeat:no-repeat;background-position:left top;background-image:url(../../images/archivesBoxHeader.gif);width:100%;height:3px;}

.archivesTitle{color:4b4b4b;font-family: 'PT Sans Narrow', arial, serif;font-size:24px;}
.archivesTitleContainer{float:left;margin-left: 10px;}
.archivesActionsContainer{width:45px;height:30px; float:right;}
.archivesTitleActionsContainer{overflow: auto; width: 100%;}
.archivesVideoBox{margin:5px;padding:5px;position:relative;display:inline-block;float:left;border: solid 1px #ccc;background:#f2f2f2;cursor:pointer;width:270px;overflow:hidden;}
.AVBtitle{font-weight:bold;font-family: 'PT Sans Narrow', arial, serif; font-size:18px;white-space:nowrap;overflow:hidden;}
.AVBtext{white-space:nowrap;overflow:hidden;}

.slideTitle{font-size:20px;}
.slideText{font-size:15px;}
.slides{background-repeat:no-repeat;background-position:right top;}
#minilogo{background-repeat:no-repeat;background-position:left top;background-image:url(../../images/pol_color.gif);width:46px;height:10px;margin-top:50px;z-index:9;position:absolute;margin-left:99px;}

a.browse {
	background: url(../../images/horizontal.png) no-repeat;
	display: block;
	width: 20px;
	height: 20px;
	cursor: pointer;
	font-size: 1px;
}

a.right                 { background-position: 0 -20px; }
a.right:hover       { background-position:-20px -20px; }
a.right:active  { background-position:-40px -20px; } 


/* left */
a.left              { margin-left: 0px; } 
a.left:hover        { background-position:-20px 0; }
a.left:active   { background-position:-40px 0; }

/* disabled navigational button */
#actions a.disabled {
    visibility:hidden !important;       
}  
/* send us feedback */
#sendUsFeedBack{
	float:right;
	position:absolute;
	right:0px;
	top:0px;
	z-index:999999;
	width:100px;
}


/* event management */

.event-field input, .event-field textarea {
  width: 200px;
}
.event-field label {
    width: 100px;
    float: left;
}

.event-field {
    margin-top: 20px;
}

.event-field-help, .event-field-example {
    color: #5C5C5C;
    font-style: italic;
    margin-left: 100px;
}

.error-message, .event-list, .process-message {
    margin-top: 20px;
}

.delete-btn {
    background: url(images/ui-icons_cd0a0a_256x240.png) -80px -128px no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

#event-form {
  margin-bottom: 20px;
}
