/* 
    Document   : record
    Created on : 01-Oct-2009, 14:23:24
    Author     : rhysr
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.record {
    width:300px;
    height:128px;
    float:left;
    padding:0;
    margin:0;
}

.record2 {
    width:300px;
    height:128px;
    float:left;
    padding:0;
    margin:0;
}



.record a {
color:#0F75BC;
display:block;
font-family:'trebuchet ms';
font-size:14px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
text-decoration:none;
}

.record a:focus {

outline-style:none;
outline-width:medium;

}

.record h2 {
font-family:'trebuchet ms';
font-size:12px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:17px;
text-align:left;
}

#recordContainer
{
    width:600px;
}

#recordContainer h1 {

clear:both;
display:block;
font-family:'trebuchet ms';
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:24px;
line-height:normal;
margin-bottom:9px;
width:100%;
}

#recordContainer span {

font-family:'trebuchet ms';
font-size:20px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
padding:0 5px 0 0;
}


.record2 {
    width:300px;
    height:128px;
    float:left;
    padding:0;
    margin:0;
}

.record2 a {


color:#0F75BC;
display:block;
font-family:'trebuchet ms';
font-size:14px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
text-decoration:none;
}

.record2 a:focus {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;

}

.record2 h2 {
font-family:'trebuchet ms';
font-size:12px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:17px;
text-align: left;
}




table.logtable{
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	}

table.logtable th {
	padding: 0 0.5em;
        border: 1px solid #CCC;
	text-align: left;
	}



table.logtable td {
	border-bottom: 1px solid #CCC;
	padding: 0 0.5em;
        border: 1px solid #CCC;
        text-align: left;
	}

.tlamber
{
    background: #FF9F20 ;
}

.tlred
{
    background: #F00;
    color: #FFF;
}

.tlgreen
{
    background: #CFC;
    
}

#emailClip {

background:transparent url('/img/buttons/email_clip.gif') no-repeat scroll 0 0;
display:block;
height:23px;
margin:0 0 12px;
width:117px;
}
#emailClip:hover { background-position:0px -23px;}

#ftpClip {
background:transparent url('/img/buttons/ftp_clip.gif') no-repeat scroll 0 0;
display:block;
height:23px;
margin:0 0 12px;
width:117px;
}
#ftpClip:hover { background-position:0px -23px;}


#circulateClip {
background:transparent url('/img/buttons/circulate_clip.gif') no-repeat scroll 0 0;
display:block;
height:23px;
margin:0 0 12px;
width:117px;
}
#circulateClip:hover { background-position:0px -23px;}







#purchaseClip {
background:transparent url('/img/buttons/purchase_clip.gif') no-repeat scroll 0 0;
display:inline-block;
height:23px;
margin:0 0 12px;
width:117px;
}
#purchaseClip:hover { background-position:0px -23px;}

#downloadZip {
background:transparent url('/img/buttons/download_zip.gif') no-repeat scroll 0 0;
display:inline-block;
height:23px;
margin:0 0 12px;
width:117px;
}
#downloadZip:hover { background-position:0px -23px;}

#downloadZipFile {
background:transparent url('/img/buttons/download_zip_file.gif') no-repeat scroll 0 0;
display:inline-block;
height:23px;
margin:0 0 12px;
width:160px;
}
#downloadZipFile:hover { background-position:0px -23px;}


#emailLink {
background:transparent url('/img/buttons/email_link.gif') no-repeat scroll 0 0;
display:block;
height:23px;
margin:0 0 12px;
width:117px;
}
#emailLink:hover { background-position:0px -23px;}

#downloadContactSheet {
background:transparent url('/img/buttons/download_contact_sheet.gif') no-repeat scroll 0 0;
display:inline-block;
height:23px;
margin:0 0 12px;
width:160px;
}
#downloadContactSheet:hover { background-position:0px -23px;}

#emailContactSheet {
background:transparent url('/img/buttons/email_contact_sheet.gif') no-repeat scroll 0 0;
display:inline-block;
height:23px;
margin:0 0 12px;
width:160px;
}
#emailContactSheet:hover { background-position:0px -23px;}


.tr0
{
    background-color: #FFFF99;
}

.tr1
{
    background-color: #99FFFF;
}

.all_category p
{
    margin-top:0;padding-top:0;margin-bottom:0;padding-bottom:0;
}

	.emails{}
        .items {
            z-index: 100;
        }
        .droparea {
            float:right;
            background-color: #EFEFE0;
            border: 1px solid #EFEFE0;
            width: 301px;;
            min-height: 200px;
        }
        .droparea img{
            margin:5px;
        }
        .dropareahover {
            background-color:#EFD2A4;
            border-color:#DFA853;
        }
        #dim{ position:absolute; top:0; left:0; width:100%; z-index:100; background: url('/img/dim.png'); display:none; text-align:left; }

    .msgbox{ padding:5px;position:absolute; width:300px; height:220px; z-index:200; border:5px solid #222; background: #FFF; top: 10%; left: 50%; margin-top: -100px; margin-left: -150px; }
      .msgbox img {border:none; margin:5px;}


      .close{ top:0px; float:right; }


      UL.tabNavigation {
	list-style: none;
	margin: 0;
	padding: 0 10px 0 0;


}

UL.tabNavigation LI {
	display: inline;



}

UL.tabNavigation LI A {

	background-color: #0E70B6;
	color: #FFF;
	text-decoration: none;
        text-align: center;
        min-width:98px;

        padding:5px 10px 10px 10px;
         background:url('/img/buttons/new_clip_settings_background.gif') no-repeat scroll 0 0;
        z-index:10;

}

UL.tabNavigation LI A.selected
 {
	background-color: #FFFFFF;
	color: #333333;

        background:url('/img/buttons/new_clip_settings.gif') no-repeat scroll 0 0;
        text-decoration:none;
        min-width:98px;

        font-family:	'trebuchet ms';
        vertical-align:	baseline;
        z-index:10;


}

UL.tabNavigation LI A:focus {
		outline: 0;
}

div.tabs > div {
		padding: 5px;
		margin-top: 3px;
		border: 1px solid #333;
}

div.tabs > div h2 {
		margin-top: 0;
}

#first, #second, #fourth {
	background-color: #FFFFFF;
	width:315px;
        border:1px solid #C5C5C5;
margin-top:3px;
z-index:0;

}

#clipText
{
    width:250px;
    float:right;
    padding:2px
}
#clipText h1
{
    text-align: left;
}