body, html
{
    height: 100%;
    padding: 0;
    margin: 0;
}

/* first for IE 4–8 */
@font-face
{
    font-family: GoodWeb-CondBook;
    src: url('../fonts/GoodWeb-CondBook.eot');
}

/* then for WOFF-capable browsers */
@font-face
{
    font-family: GoodWeb-CondBook;
    src: url('../fonts/GoodWeb-CondBook.woff') format('woff');
}

@font-face
{
    font-family: GoodWeb-Book;
    src: url('../fonts/GoodWeb-Book.eot');
}

/* then for WOFF-capable browsers */
@font-face
{
    font-family: GoodWeb-Book;
    src: url('../fonts/GoodWeb-Book.woff') format('woff');
}

@font-face
{
    font-family: GoodWeb-Bold;
    src: url('../fonts/GoodWeb-Bold.eot');
}

/* then for WOFF-capable browsers */
@font-face
{
    font-family: GoodWeb-Bold;
    src: url('../fonts/GoodWeb-Bold.woff') format('woff');
}




body
{
    background: #b6b6ab url('../i/bg-main.png') left top repeat-x; /* non-CSS3 browsers */
    background: url('../i/bg_main-APwaterMark-v2.png') left top no-repeat, #b6b6ab url('../i/bg-main.png') left top repeat-x; /* CSS3 browsers */
    margin: 0;
    padding: 0;
    font-family: GoodWeb-CondBook, Verdana, Arial, Helvetica, sans-serif;
    color: #5a5959;
}
input
{
    font-family: GoodWeb-CondBook, Verdana, Arial, Helvetica, sans-serif;
    color: #5a5959;
}
img
{
    border: 0;
}
input
{
    color: #1c94d0;
}
a
{
    color: #1C94d0;
    text-decoration: none;
}
body a:visited
{
    color: #b503b0;
    text-decoration: none;
}
a:hover
{
    color: #146994;
    text-decoration: none;
}

.searchResult .highlight a.highlightLinks
{
    color: #b503b0;
}
.button
{
    cursor: pointer;
}
.button.disabled
{
    background-color: #b6b6ab !important;
    cursor: wait;
}
.template
{
    display: none !important;
}
/* grid */
.container
{
    margin-left: auto;
    margin-right: auto;
    width: 1136px;
    font-size: 12px;
}

.clear
{
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.clearfix:before, .clearfix:after
{
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix:after
{
    clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix
{
    zoom: 1;
}

/* TODO: add grid classes as needed:
.grid_1,
.grid_13,
.grid_14,
.grid_15,*/
.grid_5, .grid_2, .grid_3, .grid_4, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_16
{
    display: inline;
    float: left;
    position: relative;
    margin-left: 8px;
    margin-right: 8px;
}
/*
.grid_1 {
	width:55px;
}
.grid_13 {
	width:907px;
}
.grid_14 {
	width:978px;
}

.grid_15 {
	width:1049px;
}

 */
.grid_2
{
    width: 126px;
}
.grid_3
{
    width: 197px;
}
.grid_4
{
    width: 268px;
}
.grid_5
{
    width: 339px;
}
.grid_6
{
    width: 410px;
}
.grid_7
{
    width: 581px;
}
.grid_8
{
    width: 552px;
}
.grid_8a
{
    width: 552px;
    margin-left: 0px;
    margin-right: 16px;
    display: inline;
    float: left;
    position: relative;
}
.grid_8b
{
    width: 580px;
    margin-left: 8px;
    margin-right: 8px;
    display: block;
    float: left;
    position: relative;
}
.grid_9
{
    width: 623px;
}
.grid_10
{
    width: 694px;
}
.grid_11
{
    width: 765px;
}
.grid_12
{
    width: 836px;
}
.grid_16
{
    width: 1120px;
}
.grid
{
    display: inline;
    float: left;
    position: relative;
    margin-left: 8px;
    margin-right: 8px;
}
.grid_17
{
    display: inline;
    float: left;
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
    width: 442px;
}
.grid_18
{
    display: inline;
    float: left;
    position: relative;
    margin-left: 8px;
    margin-right: 0px;
}
.grid_18
{
    width: 694px;
}
/* layout */
#topnav .mark
{
    width: 75px;
    height: 87px;
    display: block;
    float: left;
}
#topnav .logo
{
    width: 163px;
    height: 31px;
    display: block;
    float: left;
    margin: 29px 0 0 68px;
}
#topnav .logo-aparchive
{
    width: 163px;
    height: 31px;
    display: block;
    float: left;
    margin: -58px 0 0 143px;
}
#topnav .logo-apimages
{
    width: 163px;
    height: 31px;
    display: block;
    float: left;
    margin: -58px 0 0 353px;
}
#topright > div
{
    float: right;
    margin: 1px 0 0 40px;
}
#topright a
{
    color: #FFFFFF;
    text-decoration: none;
}
#topright a:hover
{
    color: #ecb200;
}
#apLinks a:hover, #topright .logoutForm input:hover
{
    color: #bdbdbd;
}
#topright > div > div
{
    float: left;
}
#topright .logoutForm
{
    padding: 0;
    margin: 0;
}
#topright .logoutForm input
{
    background-color: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    font-size: 12px;
    color: #FFFFFF;
    cursor: pointer;
}
#topbanner
{
    padding: 12px 0 26px 0;
    height: 50px;
}
/* search input */
form#search
{
    padding: 0;
    margin: 0;
}
form#search > *
{
    display: block;
    float: left;
    height: 40px;
}
form#search .searchTextBox
{
    border: 0;
    padding: 0 14px 0 41px;
    line-height: 40px;
    margin: 0;
    width: 402px;
    font-size: 20px;
    color: #666666;
    background: transparent url('../i/bg-searchBar-white.png');
}
form#search .searchTextBox:focus, .queryFull
{
    background: transparent url('/images/shades/clear.gif') !important;
    background-color: #fff !important;
    padding: 0 9px 0 8px !important;
    width: 440px !important;
}
form#search input[type="submit"]
{
    float: right;
    background-color: #1c94d0;
    color: #FFFFFF;
    border: 0;
    padding: 0;
    margin: 0;
    width: 113px;
    font-size: 16px;
    text-transform: uppercase;
    font-family: GoodWeb-Book;
}
form#search input[type="submit"]:hover
{
    background-color: #146994;
}
#main
{
    margin-bottom: 36px;
}
#main.content
{
    background-color: #FFFFFF;
}
#main.content.search
{
}

#main.content h1
{
    font:normal 48px GoodWeb-Bold;
    color: #333333;
    margin: 20px 0 0 0;
    padding: 0 0 0 0;
    text-transform: uppercase;
}

#main.content h2
{
    color: #333333;
    border-bottom: 6px solid #d2d2d2;
    background-color: #FFFFFF;
}

#leftContainer
{
    width: 95%;
    float: left;
    padding: 26px 102px 18px 29px;
    font-family: Verdana;
}

#leftContainer h2
{
    font: 24px GoodWeb-Book;
    padding: 0 0 7px 6px;
    margin: 40px 0 20px 2px;
    border-bottom: 1px solid #b6b6ab !important;
}
#main.content .section
{
    float: left;
    border-bottom: 6px solid #D2D2D2;
}
#main.content .section h2
{
    float: left;
    color: #333333;
    border-bottom: none;
    margin-bottom: 0px;
}
#main.content .section .button
{
    margin-top: 5px;
    display: inline-block;
    padding: 0 20px 0 20px;
    line-height: 23px;
    background-color: #1c94d0;
    color: #FFFFFF;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
}
#main.content .section .button:hover
{
    color: #ffffff;
    background-color: #146994;
}
.activedeclarebtn
{
    color: #ffffff;
    background-color: #146994;
}
#main.content h2.twoColHeader > *
{
    float: left;
}
#main.content h2.twoColHeader .addButton
{
    float: right;
}

#main .rightCol
{
    background-image: url('../i/bg_right_col.png');
    background-position: right;
    background-repeat: repeat-y;
    margin-bottom: 90px;
}

#mainFooter
{
    background: url('../i/bg-footer-shadowLip-bot.png') bottom no-repeat;
    height: 28px;
}
#nav
{
    float: left;
    width: 284px;
}
#nav .spacer
{
    background-color: #FFFFFF;
    height: 37px;
}
/*#nav .collapsable {
    padding: 0 16px;
}
#nav h2 {
    border-bottom: 2px solid #e2e3e3;    
}
#nav h3 {
    font-size: 13px;
    font-weight: bold;
    color: #486476;
    line-height: 23px;
    padding: 0 0 1px 0;
    margin: 2 0 0 0;
    background-image: url('../i/line-dotted.gif');
    background-repeat: repeat-x;
    background-position: bottom;
}
#nav h3 .regular {
    font-weight: normal;
    color: #666666;
}
#nav .spacer {
    height: 16px;
}
#nav .checkboxes {
    font-size: 12px;
    color: #666666;
}
#nav .checkboxes .checkboxes {
    margin-left: 20px;
}
#nav .checkboxes a {
    display: block;
    margin: 8px 0 0 24px;
}*/
#featured
{
    /*background-image: url('../i/bg-carousel.png'), url('../i/bg-shadowLip-bot.png');     background-position: top right, bottom left;     background-repeat: no-repeat;*/
    height: 402px;
    width: 1136px;
    margin-bottom: 25px;
}
#buttons
{
    padding: 0px 0 0px 0;
    background-color: #FDFDFD; /* The Fallback for ie8*/ /* border-bottom:3px solid #EDEDED;*/ /* The Fallback for ie8*/
    background-color: rgba(255, 255, 255,0.7); /* border-bottom:3px solid rgba(228,225,218,0.65);*/
}
#buttons .button
{
    padding: 0 13px;
    line-height: 49px;
    font-size: 24px;
    text-transform: uppercase;
    background-repeat: no-repeat;
}
#buttons .button a:hover
{
    text-decoration: none;
    color: #146994;
}
#titleid
{
    width: 100%;
    background-color: #EDEDED;
    font-size: 24px;
    color: #333333;
    font-family: GoodWeb-Book, Verdana, Arial, Helvetica, sans-serif;
    background-color: #EDEBE7; /* The Fallback for ie8*/
    background-color: rgba(228,225,218,0.65); /* The Fallback for ie8*/
    margin: 0;
    padding: 15px 0 10px 12px;
    background-image: url('../i/bg_ptn_dotLine.png');
    background-repeat: repeat-x;
    background-position: bottom;
    font-size: 24px;
}
#headlines
{
    width: 100%;
    font-family: GoodWeb-Book, Verdana, Arial, Helvetica, sans-serif;
    font-size: 22px;
    margin: 0;
    padding: 0px 0 px 12px;
    background-image: url('../i/bg_ptn_dotLine.png');
    background-repeat: repeat-x;
    background-position: bottom;
}
#home
{
    padding-top: 0px;
}
#home h2
{
    margin: 0;
    padding: 0 0 0px 0;
    font-size: 24px;
    color: #333333;
}
#home h2.count
{
    color: #777777;
}
#home .addprojectbtn a
{
    color: #ffffff;
}
#home .addprojectbtn:hover
{
    text-decoration: none;
    color: #ffffff;
    background-color: #146994;
}
#home.grid_16
{
    margin-left: 0px;
    margin-right: 0px;
    width: 1136px;
}
.workspace.grid_16
{
    width: 1136px;
    margin-left: 0px;
    margin-right: 0px;
   /* background: rgba(0,0,0,.4);*/
}

.homepageButton
{
    font-size: 14px;
    font-family: GoodWeb-Book;
    margin: 0;
}
.addClipbin
{
    display: inline-block;
    padding: 6px 16px 5px 10px;
    line-height: 23px;
    background-color: #1c94d0;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
    margin: 12px 0 4px 0;
    font: normal 14px GoodWeb-Book;
}
.shareClipbin
{
    display: inline-block;
    padding: 3px 16px 5px 0;
    background-color: #1c94d0;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
    width: 66px;
}
.shareClipbinIcon
{
    background-image: url('../i/share-clipbin-icon.png');
    background-repeat: no-repeat;
    background-position: -20px 0;
    margin: 1px 0 0 8px;
    padding: 2px 0 0 26px;
    margin: 0px 0 0 8px\9; /* IE only, sorry */
    padding: 3px 0 0 26px\9; /* IE only, sorry */
    font: normal 14px GoodWeb-Book;
}
.addButton
{
    display: inline-block;
    line-height: 23px;
    background-color: #1c94d0;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
    width: 140px;
    padding: 6px 10px 6px 5px;
    font: normal 14px GoodWeb-Book;
    margin: 0;
}
.workspaceAddButton
{
    float: right;
    padding: 4px 10px 7px 5px;
    height: 14px;
    padding-top: 6px\0/; /* IE hack for pixel alignment (sorry) in Create New Project button, Chrome and Firefox ignore this and use regular padding: property instead. */
    height: 13px\0/; /* IE hack */
}
.addButtonPlus
{
    float: left;
    color: #146994;
    font-size: 14px;
    font-weight: bold;
}
.addButton:hover
{
    text-decoration: none;
    color: #ffffff;
    background-color: #146994;
}
.addClipbin:hover
{
    color: #ffffff;
    background-color: #146994;
}
.shareClipbin:hover
{
    color: #ffffff;
    background-color: #146994;
}
#content, .searchResults
{
    float: left;
    width: 850px; 
}
.searchResults a:hover, .searchResults div.task:hover, .searchResults div.taskInClipbin:hover, .searchResults div.openCloseButtonLite:hover, #downloadbutton a:hover
{
    color: #146994 !important;
}


/*
.compilation {
    background-image: url('../i/bg_compilation.png');
    background-repeat: repeat-x;
}
.compilation .title>*, .compilation .title .blue>* {
    line-height: 25px;
    float: left;
    margin: 0;
    color: #484848;
    font-size: 12px;
}
.compilation .title .blue {
    background-color: #1c94d0;
    background-image: url('../i/bg_compilation-title.png');
    background-repeat: repeat-x;
}
.compilation .title .blue h3 {
    font-size: 18px;
    font-weight: normal;
    padding: 0 10px 0 10px;
    color: #FFFFFF;
}
.compilation .title .blue .spacer {
    padding: 0;
    width: 2px;
    background-image: url('../i/i_vert-line.png');
    background-repeat: no-repeat;
    background-position: center;
}
.compilation .title .blue>div {
    font-size: 11px;
    padding: 0 8px 0 8px;
    color: #FFFFFF;
}
.compilation .title>p {
    padding: 0 8px 0 8px;
}
.compilation .carousel {
    height: 135px;
}
*/
#searchResultTitle
{
    margin-top: 0;
}
#searchResultTitle > div > *
{
    /*line-height: 33px;*/
    margin: 0;
}
#searchResultTitle h3
{
    /*line-height: 39px;*/
    font-weight: normal;
    font-size: 12px;
    font-family: Verdana;
    color: #333333;
    padding: 0 22px 0 4px; /*12px 15px 0 0;/*0 22px 0 4px;*/
    margin: 0;
}
.pagination
{
    /*font-size: 14px;*/
    font-size: 11px;
    font-family: Verdana;
    color: #028fed;
    font-weight: normal;
    margin: 0px 0 8px 0;
}
p.paginationspacing
{
    margin-bottom: 8px;
}
.pagination a
{
    color: #1c94d0;
    margin: 0 0 0 5px;
    padding-left: 5px;
}
.pagination a:visited
{
    color: #B503B0 !important;
}
.pagination a:hover
{
    color: #146994;
    text-decoration: none;
}
.pagination span
{
    color: #333333;
    margin: 0 0 0 8px;
    font-weight: normal;
    font-size: 12px;
}
.pagination .divider
{
    padding-left: 5px;
    color: #999999;
}
.pagination a.highlightfistpaginglink
{
    color: #b503b0;
}
#projectLink-paging a.highlightrequestlink
{
    color: #b503b0;
}
.clipreelpaging > div > *
{
    margin: 0px;
}
.clipreelpaging
{
    margin-bottom: 5px;
}
.searchResultActions
{
    background-color: #E8E8E8;
    line-height: 30px;
    color: #333333;
    width: 830px;
    margin: 0px 8px 8px 8px;
    padding-right: 5px;
    font-size: 10px;
    font-family: Verdana;  

}

.searchResultActions select
{
    font-size: 12px;
}
.searchResultActions .sort
{
    float: right;
}
.searchResultActions .sort .ui-corner-all
{
-moz-border-radius: 0 /*{cornerRadius}*/;
-webkit-border-radius: 0 /*{cornerRadius}*/;
border-radius: 0 /*{cornerRadius}*/;
}
.searchResultActions .sort .ui-corner-top {
-moz-border-radius-topleft: 0  /*{cornerRadius}*/;
-webkit-border-top-left-radius:0 /*{cornerRadius}*/;
border-top-left-radius:0 /*{cornerRadius}*/;
-moz-border-radius-topright: 0 /*{cornerRadius}*/;
-webkit-border-top-right-radius: 0 /*{cornerRadius}*/;
border-top-right-radius: 0 /*{cornerRadius}*/;
}
.searchResult
{
    background-color: #fffefe;
    margin: 0 0 5px 0;
    padding-bottom: 18px;
    background-image: url('../i/bg-resultItem-shadowLip-bot.png');
    background-position: bottom;
    background-repeat: no-repeat;
    font-size: 14px;
}
.searchResult .highlight a
{
    color: #1C94D0;
}
.searchResult .highlight a:visited
{
    color: #B503B0 !important;
}
.searchResult .highlight a:hover
{
    color: #146994;
}
.searchResult .highlight a:active
{
    color: #B503B0;
}

.Keyhighlight 
{
    background-color:#F9EECA;
    background-color:rgba(236,178,0,0.2);
    font-weight:bold;
    
}
.searchResult .summary .title span.Keyhighlight
{
    background-color:#F9EECA;
   background-color:rgba(236,178,0,0.2); 
   font-weight:bold;
}
.metadata .list span.Keyhighlight
{
    background-color:#F9EECA;
   background-color:rgba(236,178,0,0.2);
   color:#000000;
   font-weight:bold;
}

.searchResult .title
{
    font-size: 14px;
    margin-top: 1px;
    margin-left: 4px;
    float: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.searchResult .video
{
    width: 268px;
    line-height: 0px;
    height:151px;
}
.searchResult .row
{
    position: relative;
    display: inline;
    float: left;
    margin-left: 8px;
    margin-right: 8px;
    width: 840px;
}
.searchResult .row .tasks
{
    vertical-align: middle;
    margin-top: 5px; /*font-size: 14px;*/
    font: normal 10px Verdana;
}
.searchResult .row .expandspan
{
     padding-left:9px;
}
.searchResult .row .taskDivider
{
    padding: 1px 0px 0px 0px;
    margin: 0px;
    float: left;
}
.searchResult .row .task
{   
    color: #1c94d0;
    cursor: pointer;
    float: left;
    padding-left:1px;
}
.searchResult .row .downloadtask
{   
    color: #1c94d0;
    cursor: pointer;
    float: left;    
}
.searchResult .row .task a:visited
{
    color: #b503b0;
}
.searchResult .row .taskInClipbin
{
    padding: 2px 6px 2px 6px;
    margin: 0px 1px 0px 1px;
    color: #1c94d0;
    cursor: pointer;
    background-color: #FAECBF;
}
.searchResult .header > *, .searchResult .actions > *
{
    line-height: 54px;
}
.searchResult .checkbox
{
    margin: 0 9px 0 6px;
}
.searchResult .checkbox > input
{
    vertical-align: middle;
}
.searchResult .header h4
{
    font-size: 18px;
    font-weight: normal;
    color: #1c94d0;
    margin: 0;
}
.searchResult .header p
{
    margin: 0;
    padding-left: 26px;
    line-height: 22px;
}
.searchResult img.thumbnail
{
    width: 268px;
    height: 151px;
 }

.thumbnailCompilation
{
    width: 268px;
    height: 151px;
    cursor:pointer;
}

.thumbnailLabel
{
    /*z-index: 1;*/
    background :url('../i/viewCompilation.png') no-repeat scroll center bottom transparent;
    height: 41px;
    left:138px;
    position: absolute;
    top: 51%;
    width: 126px;
}

.searchResult .icon
{
    display: inline-block;
    float: left;
}
.searchResult .icon img
{
    margin-top: 2px;
    margin-right: 4px;
}
.searchResult .detail
{
    width: 560px;
    margin-left: 5px;
    margin-top: 5px;
}
.searchResult .detail .nav
{
}
.searchResult .detail .nav > *
{
    float: left;
    line-height: 23px;
    padding: 0 2px 0 15px;
    cursor: pointer;
    color: #1c94d0;
    font: normal 11px Verdana;
}
.searchResult .detail .nav > *:hover
{
    color: #146994;
}
.searchResult .detail .nav > *.on, .searchResult .detail .nav > *.on:hover
{
    color: black;
    font-weight: bold;
    cursor: default;
}
.searchResult .detail .shotList
{
    border-top: 1px solid #CCCCCC;
    width: 560px;
    display: none;
    margin: 1px 6px 2px 0px;
}
.searchResult .detail .shotList .expand
{
    padding-left: 15px;
}
.searchResult .detail .shotList .collapse
{
    padding-left: 15px;
}
.searchResult .detail .shotList .extract
{
    height: 129px;
    overflow: auto;
    border-bottom: 1px solid #d2d2d2;
    padding: 0px 3px 0px 9px;
    font-family: Verdana;
    color: #333333;
    font-size: 11px;
}
.searchResult .detail .content.on, .searchResult .detail .shotList.on
{
    display: block;
}
.searchResult .detail .content
{
    border-top: 1px solid #CCCCCC;
    width: 560px;
    margin-right: 6px;
    margin-top: 1px;
    padding: 8px 0 0 0;
    height: 165px;
    overflow: auto;
    display: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #7b7b7b;
}
.searchResult .detail .content.on
{
    display: block;
}
.searchResult .detail .content > *
{
    margin: 2px 0;
}
.searchResult .detail th
{
    font-weight: normal;
    text-align: right;
    vertical-align: top;
}
.searchResult .detail table.summary th
{
    font-weight: bold;
    width: 100px;
}
.searchResult .detail .summary .label
{
    font-weight: bold;
    text-align: right;
}
.searchResult .footer
{
    line-height: 20px;
}
.searchResult .footer > *
{
    margin-left: 12px;
}
.searchResult .shots
{
    height: 94px;
}
.searchResult .shots .shot
{
    width: 126px;
    padding: 2px 1px 2px 1px;
    margin: 5px 3px 0 0px;
    border: 4px solid transparent;
}
.searchResult .shots .shot:hover
{
    border-color: #1c94d0;
}
.searchResult .shotsFooter
{
    line-height: 30px;
    font-size: 14px;
    color: #1c94d0;
    background-image: url('../i/bg_ptn_dotLine.png');
    background-repeat: repeat-x;
    background-position: top;
    width: 835px;
}
.searchResult .shotsFooter .carouselNavigaton
{
    float: left;
    width: 40%;
    line-height: 25px;
}
.searchResult .carouselNavigaton .previous, .searchResult .carouselNavigaton .page, .searchResult .carouselNavigaton .current, .searchResult .carouselNavigaton .next
{
    height: 15px;
}
.searchResult .carouselNavigaton .previous
{
    margin-right: 0px;
}
.searchResult .carouselNavigaton .next
{
    margin-left: 0px;
}
.searchResult .shotsFooter .shotsFooterPad
{
    float: left;
    width: 40%;
    line-height: 25px;
    margin-left: 5px;
}
.searchResult .shotsFooter .shotsFooterPad .openCloseButtonLite
{
    padding-left: 21px;
}


#detailsTopNav
{
    font-size: 16px;
    margin-top: 2px;
    font: normal 14px GoodWeb-Book;
    color: #333333;
}
#detailsTopNav > *
{
    display: inline-block;
    line-height: 25px;
}
#detailsTopNav .info
{
    height: 20px;
    vertical-align: middle;
}
#detailsTopNav .divider
{
    margin-left: 5px;
    margin-right: 5px;
    color: #D2D2D2;
    height: 20px;
    vertical-align: middle;
}
#detailsTopNav .previous, #detailsTopNav .next
{
    cursor: pointer;
    height: 20px;
    vertical-align: middle;
}
#detailsTopNav .previous img
{
    margin-right: 8px;
}
#detailsTopNav .next img
{
    margin-left: 8px;
}

#details
{
    background-color: #FFFFFF;
    margin-bottom: 46px;
}
#details h3
{
    font-family: GoodWeb-Bold, Verdana, Arial, Helvetica, sans-serif;
    font-size: 35px;
    margin: 0;
    background-position: left bottom;
    background-repeat: no-repeat;
    text-transform: uppercase;
    color: #333333;
}
#details h3.hd
{
    background-image: url('../i/ic_HD_res.png');
}
#details h3.sd
{
    background-image: url('../i/ic_SD_res.png');
}

#details table.title
{
    margin: 10px 8px 12px 12px;
    border-collapse: collapse;
}
#details table.title td
{
    vertical-align: bottom;
    padding: 0;
    margin: 0;
}
#details table.title .res-image
{
    padding: 0 8px 6px 0;
}
#detailsNav
{
    padding: 0px 10px 0px 10px;
    background-image: url("../i/bg_details_nav.png");
    background-repeat: repeat-x;
    background-position: bottom;
}
#detailsNav > *
{
    margin-left: 1px;
}
#details #detailsNav
{
    margin-top: 0px;
    margin-bottom: 0px;
    border-bottom: 1px solid #cccccc;
}

#details #detailsNav > *
{
    margin-left: 0;
}
#detailsNav .nav
{
    font-family: GoodWeb-Book, Verdana, Arial, Helvetica, sans-serif;
    float: left;
    padding: 5px 0;
    cursor: pointer;
    font-size: 15px;
    color: #333333;
    margin-bottom: 0;
    width: 106px;
    text-align: center;
}
#detailsNav .projectnav
{
    margin-left: 40px;
}
#detailsNav .nav a
{
    color: #1c94d0;
}
#detailsNav .nav a:hover
{
    color: #146994;
    text-decoration: none;
}
#detailsNav > *.on a, #detailsNav > *.on a:hover
{
    color: #FFFFFF;
    text-decoration: none;
}
#detailsNav > *.on
{
    background-color: #1c94d0;
    background-image: url('../i/i_search-result-nav-on.png');
    background-position: center bottom;
    background-repeat: no-repeat;
}
#detailsNav > *.on > *
{
    color: #FFFFFF;
    cursor: default;
    text-decoration: none;
}
#details .sectionheader
{
    font-size: 15px;
    color: #333333;
    padding: 0 10px 2px 0;
    margin-top: 10px;
    border-bottom: 1px dotted #cccccc;
    margin-bottom: 5px;
}
#details .sectionheader h4
{
    float: left;
    padding: 0;
    margin: 0;
    font-size: 15px;
    font-family: GoodWeb-CondBold, "Arial Narrow Bold" , "Arial Bold" , "Arial Narrow" , Trebuchet, Arial, sans-serif;
}
#details .sectionheader .gotoTop
{
    float: right;
    padding-top: 4px;
    padding-right: 20px;
    background-image: url('../i/i_up_lite.gif');
    background-position: right;
    background-repeat: no-repeat;
    font-family: Verdana;
    font-size: 10px;
}
#details .verticalSlidingNavBody
{
}
#details .metaDataDetails
{
    padding: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #5f5f5f;
}
#details .metaDataDetails p
{
    padding: 0 10px 0 15px;
}
#details .metaDataDetails.list p
{
    padding: 0 0 0 15px; /*line-height: 10px;*/
}
#details .metaDataDetails strong
{
    font-weight: bold;
}
#details .metaDataDetails.list strong
{
    display: inline-block;
    width: 105px;
}
#details .metaDataDetails table
{
    margin: 5px 5px 5px 20px;
}
#details .metaDataDetails th
{
    vertical-align: top;
    text-align: right;
}

#videoActions
{
    font-size: 14px;
    line-height: 38px;
    vertical-align: middle;
}
#videoActions .button
{
    display: inline-block;
    line-height: 24px;
    padding: 0px 10px;
    margin: 3px 0px 0px 1px;
    color: #FFFFFF;
    background-color: #1C94D0;
    cursor: pointer;
    text-align: center;
}
#videoActions .action
{
    padding: 2px 2px 2px 2px;
    margin: 7px 1px 0px 0px;
    color: #1c94d0;
    cursor: pointer;
    float: left;
    line-height: 20px;
}
#videoActions .clipbinButton
{
    display: inline-block;
    line-height: 24px;
    padding: 0px 10px 0 30px;
    margin: 3px 0px 0px 1px;
    color: #FFFFFF;
    background-color: #1C94D0;
    cursor: pointer;
    text-align: center;
    background-image: url('../i/icons_oneUpActn_0005_add-to-clipbin-enabled.png');
    background-position: 10% 50%;
    background-repeat: no-repeat;
}
#videoActions .clipbinButton:hover
{
    background-image: url('../i/icons_oneUpActn_0006_add-to-clipbin-hover.png');
    background-position: 10% 50%;
    background-repeat: no-repeat;
    background-color: #146994;
}
#videoActions .actionInClipbin
{
    background-color:#FBF0CC;/*IE8 fix*/
     border: 1px solid #FBF0CC;
    display: inline-block;
    line-height: 24px;
    padding: 0px 10px 0 30px;
    margin: 3px 0px 0px 1px;
    color: #d19600;
    background-color: rgba(236,178,0,0.2); 
    border: 1px solid rgba(236,178,0,0.2);
    cursor: pointer;
    text-align: center;
    background-image: url('../i/icons_oneUpActn_0007_add-to-clipbin-already-in-bin.png');
    background-position: 10% 50%;
    background-repeat: no-repeat;
}
#videoActions .shareButton
{
    display: inline-block;
    line-height: 24px;
    padding: 0px 10px 0 30px;
    margin: 3px 0px 0px 1px;
    color: #1C94D0;
    cursor: pointer;
    text-align: center;
    background-image: url('../i/icons_oneUpActn_0003_share-enabled.png');
    background-position: 10% 50%;
    background-repeat: no-repeat;
}
#videoActions .shareButton:hover
{
    color: #146994;
    background-image: url('../i/icons_oneUpActn_0004_share-hover.png');
    background-position: 10% 50%;
    background-repeat: no-repeat;
}
#videoActions .RequestButton
{
    display: inline-block;
    line-height: 24px;
    padding: 0px 16px 0 30px;
    margin: 7px 0px 0px 3px;
    color: #FFFFFF;
    background-color: #1C94D0;
    cursor: pointer;
    text-align: center;
    background-image: url('../i/icons_oneUpActn_0000_download-enabled.png');
    background-position: 10% 50%;
    background-repeat: no-repeat;
    float: left;
}
#videoActions .RequestButton:hover
{
    background-image: url('../i/icons_oneUpActn_0002_download-hover.png');
    background-position: 10% 50%;
    background-repeat: no-repeat;
    background-color: #146994;
}
#videoActions .clipbinaction
{
    cursor: pointer;
    float: left;
    color: #333333;
    font-family: Verdana;
    font-size: 11px;
    line-height: 20px;
    margin: 0;
    padding: 4px 0 0;
}
#videoActions .actionlink
{
    padding: 4px 0 0 0;
    margin: 0px;
    color: #1c94d0;
    cursor: pointer;
    float: left;
    font-size: 11px;
    font-family: Verdana;
    line-height: 20px;
}
#videoActions .requestFootage
{
    float: right;
    font-size: 11px;
    font-family: Verdana;
    color: #333333;
    margin: 4px 0 0 0;
    padding: 4px 0px 0px 0px;
    line-height: 20px; /* width:280px;*/
}
#videoActions .button:hover
{
    background-color: #146994;
}

#videoActions .requestInOut
{
    width: 60px;
    padding: 2px;
    font-family: Verdana;
    font-size: 11px;
    color: #333;
    margin: 0;
}
#video .player
{
    padding: 15px 0 0 0;
}
#videoPreview
{
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
}
#video .shotListThumbs
{
    width: 552px;
    height: 190px;
}
#video .carousel, #video .carouselLeftNavigaton, #video .carouselRightNavigaton
{
    float: left;
    height: 190px;
}
#video .carouselLeftNavigaton, #video .carouselRightNavigaton
{
    cursor: pointer;
}
#video .carousel
{
    width: 552px;
}
#video .carouselLeftNavigaton
{
    width: 70px;
    background-image: url('../i/gp_arrow_carousel_left.png');
    background-position: center;
    background-repeat: no-repeat;
}
#video .carouselRightNavigaton
{
    width: 60px;
    background-image: url('../i/gp_arrow_carousel_right.png');
    background-position: center;
    background-repeat: no-repeat;
}
#video .thumbGroup
{
    float: left;
    height: 190px;
    width: 565px;
}
#video .carouselNavigaton
{
    text-align: center;
    background-color: #FFFFFF;
    margin: 15px 0px 0px 0px;
}
#video .thumbGroup > div
{
    float: left;
    width: 125px;
    height: 89px;
    margin-right: 14px;
    margin-bottom: 4px;
}
#video .thumbGroup > div > img
{
    width: 122px;
    height: 69px;
    display: block;
    margin: 0;
}
#video .thumbGroup > div > p
{
    margin: 0px 0px 4px 0px;
    padding: 0;
    line-height: 11px;
    font-family: Verdana;
    color: #333333;
    font-size: 10px;
    text-align: center;
}

 .vdesc{
     display:block;
     margin-bottom:2px;
     padding:12px 12px 12px 12px;
     background-color:rgba(28, 148, 209, 0.9);
     color:#ffffff;
     display:inline-block;
     font-style:italic;
     margin-left:0px;
     padding-left:10px;
     padding-right:10px;
     position:absolute;top:0px;left:0px;
     border-color:#a3a3a3 #a3a3a3 transparent transparent;
     border-width:4px;

 }

.workspaceItem
{
    background-repeat: no-repeat;
    background-position: top left;
    padding: 10px 6px 0 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-image: url('../i/bg_ptn_dotLine.png');
    background-repeat: repeat-x;
    background-position: bottom;
}
.workspaceItem h4
{
    padding: 0 0 4px 0;
    margin: 0;
}
.workspaceItem a.anchor
{
    font: bold 16px Verdana;
    color: #1c94d0;
}
.workspaceItem a.anchor:hover
{
    color: #146994;
}
.workspaceItem a.anchor:visited
{
    color: #1c94d0;
}
.workspaceItem span.header
{
    font: italic 11px Verdana;
    color: #333333;
}
.workspaceItem p
{
    font: normal 11px Verdana;
    color: #333333;
    margin: 0;
    padding: 0;
}
.workspaceItem .projectClipbin
{
    font: normal 12px Verdana;
}
.workspaceItem .spacer
{
    height: 5px;
}
.workspaceItem .spacing
{
    height: 18px;
}
.workspaceItem .linkspace
{
    padding: 16px 23px 0 0;
}
#workspaceMarketingContent
{
    font: normal 12px Verdana;
    color: #000;
    padding: 5px 0 0 0;
}
hr.itemDivider
{
    line-height: 25px;
    margin-top: 10px;
    padding: 0;
    background-image: url('../i/bg_ptn_dotLine.png');
    background-repeat: repeat-x;
}

#firstCol
{
    text-align: right;
}

.licenseStatus
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    float: right;
    font-size: 14px;
    margin-top: 14px;
    clear: right;
}
.licenseStatusPending
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    float: right;
    font-size: 14px;
    margin-top: 14px;
    color: red;
    clear: right;
}
.projectInfo
{
    width: 225px;
    position: relative;
    margin-left: 8px;
    margin-right: 15px;
    padding-left:10px;
}
.projectToolbar
{
    margin-top: 45px;
    height: 31px;
    background-color: #f4f4f4;
    vertical-align: middle;
}
.projectToolbar select
{
    padding: 1px;
}
.projectToolbar .sort
{
    float: right;
    margin-right: 3px;
    margin-top: 4px;
}
#folderItems
{
    margin-top: 22px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
}
#folderItems > div
{
    padding-bottom: 18px;
}
.folderItem
{
    padding-bottom: 18px;
    background-image: url('../i/bg_ptn_dotLine.png');
    background-repeat: repeat-x;
    background-position: bottom;
}
.folderItem .label
{
    font-weight: bold;
    color: #666666;    
    vertical-align:text-top;
}
.folderItem .summary
{
    margin-bottom: 8px;
}
.folderItem .icon
{
    margin-top: 3px;
    float: left;
    vertical-align: bottom;
}
.folderItem .title a
{
    font: bold 16px verdana;
    color: #1c94d0;
    vertical-align: top;
}
.folderItem .title a:hover
{
    color: #146994;
}
.folderItem .title a:visited
{
    color: #b503b0;
}
.folderItem .icon img
{
    padding-right: 7px;
}
.folderItem .folderActions
{
    padding-top: 18px;
}
.folderItem .folderAction
{
    float: left;   
    color: #1c94d0;
    cursor: pointer;
    font-size: 11px;
}
.folderItem .folderAction:hover
{
    color: #146994;
}
#folderItems .itemName
{
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
}
.folderItem table
{
    border-collapse: collapse;
}
.folderItem table td
{
    padding: 0;
}
.folderItem .thumbnail
{
    float: left;
    width: 122px;
    padding-right: 15px;
    margin-left: 12px;
}
.folderItem .thumbnail img
{
    width: 122px;
    height: 69px;
}
.folderItem .Clipbinthumbnail
{
    float: left;
    width: 200px;
}
.folderItem .Clipbinthumbnail img
{
    width: 200px;
    height: 120px;
}
.folderItem .orderHistoryThumbnail img
{
    width: 268px;
    height: 151px;
}
.folderItem .details
{
    float: left;
}
.folderItem .details .title a:hover
{
    color: #146994;
}
.folderItem .details .summary a:hover
{
    color: #146994;
}

.folderItem.firstItem
{
    padding: 0 0 0 5px;
    margin-top: 0px;
    margin-bottom: 20px !important;
    float: left;
    width: 99%;
    display: inline-block;
    background-position: top;
    line-height: 0.1em !important;
}
#tabLicenses .folderItem.firstItem
{
    margin-bottom: 5px !important;
}
.folderActions > div
{
    float: left;
   /* padding-right: 8px;*/
}
#projectDetails, #licenceDetails
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    padding: 20px 6px 15px 6px;
    vertical-align: top;
}
#projectDetails table tbody
{
   max-width:225px;
    }
#projectDetails table, #licenceDetails table
{
    padding-top: 20px;
    vertical-align: top;
}
#projectDetails tr, #licenceDetails tr
{
    height: 29px;
}
#projectDetails .tdstyles
{
   white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
white-space: pre;
white-space: -hp-pre-wrap; /* HP Printers */
white-space: pre-line;

    }
.genericDialog, #addToFolderDialog
{
    width: 569px;
    font: Verdana, Arial, Helvetica;
}
.genericDialog .top, #addToFolderDialog .top
{
    /*background-image: url('../i/bg_modal_top.png');*/
    background-position: top;
    background-repeat: no-repeat;
}
.genericDialog .content, #addToFolderDialog .content
{
    background-position: bottom;
    background-repeat: no-repeat;
    padding: 10px 28px 28px 30px;
}
.genericDialog .content, #addToFolderDialog .content
{
    /*background-image: url('../i/bg_modal_bot_generic.png');*/
    background-color: #f6f5f2;
    box-shadow: 0 0 6px 5px #4a4948;
    -moz-box-shadow: 0 0 6px 5px #4a4948;
    -webkit-box-shadow: 0 0 6px 5px #4a4948;
    border: 6px solid #494948; /*IE8 fix*/
    border: 6px solid rgba(0, 0, 0, 0.70);
    margin: 0;
    padding: 18px 14px 10px 14px;
}

.genericDialog .maincontent
{
    height: 180px;
    background-color: #565051;
}

.modelContent .content h5
{
    margin: 0px;
    padding-bottom: 10px;
    font-weight: normal;
    font-size: 24px;
    font-family: GoodWeb-Book;
    color: #333333;
    text-align: left;
    background-image: url('../i/message_popups_title_line.png');
    background-position: bottom;
    background-repeat: repeat-x;
}
.modelContent .content .form
{
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 25px;
}
.modelContent .content .form .error
{
    color: red;
}
.modelContent .content .form, .modelContent .content .form input, .modelContent .content .form select, .modelContent .content .form textarea
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.modelContent .content .form input[type='TEXT'], .modelContent .content .form select
{
    width: 250px;
    margin-left: 10px;
}
.modelContent .content .form input[type='TEXT'], #video .requestInOut
{
    border: 1px solid #bfbfbf;
    height: 17px;
    padding-left: 2px;
}
.modelContent .content .form textarea
{
    width: 244px;
    height: 100px;
    padding: 4px;
    margin: 6px 0 0 10px;
    border: 1px solid #bfbfbf;
}
.modelContent .content .form label
{
    display: inline-block;
    text-align: right;
}
#applyForLicenceDialog .form label
{
    width: 160px;
}
#moveCopyDialog .form label, #addToFolderDialog .form label
{
    width: 70px;
}
#downloadFootageDialog .form label
{
    width: 130px;
    vertical-align: top;
}
.modelContent .content .confirm
{
    display: none;
    padding: 25px 0px 15px 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
}
.modelContent .content .buttons
{
    float: right;
    line-height: 30px;
    padding-top: 10px;
    font: GoodWeb-Book, Verdana, Arial, Helvetica;
}
.modelContent .content .buttons > *
{
    float: right;
    line-height: 30px;
    padding: 0 30px;
    margin-right: 1px;
    font-size: 16px;
}
.modelContent .content .buttons .cancel
{
    color: white;
    background-color: #afafb0;
    cursor: pointer;
}
.modelContent .content .buttons .cancel:hover
{
    background-color: #666666;
}
.modelContent .content .buttons .add, .modelContent .content .buttons .close, .modelContent .content .buttons .ok
{
    color: #FFFFFF;
    background-color: #028fed;
    cursor: pointer;
}
.modelContent .content .buttons .add, .modelContent .content .buttons .ok
{
    opacity: 0.2;
    cursor: default;
}
.modelContent .content .buttons .add:hover, .modelContent .content .buttons .ok:hover
{
    background-color: #146994;
}
.modelContent .content .buttons .close
{
    display: none;
}

.modelContent .content .buttons .redirectbutton
{
 color: white;
background-color: #028FED;
float: right;
line-height: 30px;
padding: 0 30px;
margin-right: 1px;
font-size: 16px;
display:block;
}

.modelContent .content .buttons .redirectbutton:hover
{
 background-color: #146994;
}

#licenceApplication
{
    height: 486px;
    width: 804px;
}

#moveOrDeleteItem
{
    height: 286px;
    width: 204px;
}
/* footers */
#footer
{
    background-color: #575654;
}
#apVideoFooter
{
    padding-top: 4px;
    padding-bottom: 30px;
    background-image: url('../i/line-dotted.gif');
    background-position: bottom;
    background-repeat: repeat-x;
}
#apVideoFooter p
{
    padding: 18px 42px 0px 42px;
    margin: 0;
    font-size: 12px;
    color: #656464;
}
#apVideoFooter p > *
{
    padding-left: 16px;
}
#apLinks
{
    font-size: 11px;
    color: #bdbdbd;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
#apLinks a
{
    color: #E7e2d8;
}
#apLinks .footerheaderLink
{
    font-family: GoodWeb-Book, Verdana, Arial, Helvetica, sans-serif;
}
#apLinks .footerline
{
    border-width: 1px;
}
#apLinks div.apLink
{
    float: left;
    width: 176px;
    margin-right: 19px;
}
#apLinks > p
{
    padding-bottom: 24px;
}
#apImagesLogo
{
    width: 83px;
    height: 22px;
}
#apTvnLogo
{
    width: 143px;
    height: 22px;
}
#apEntLogo
{
    width: 130px;
    height: 22px;
}
#apLogo
{
    width: 136px;
    height: 22px;
}
/* general text styles */
h2
{
    font-size: 20px;
    font-weight: normal;
    color: #333333;
    line-height: 40px;
    padding: 0;
    margin: 0px;
}
.right > *
{
    float: right;
}
.left > *
{
    float: left;
}
.grey
{
    color: #878888;
}
.error
{
    color: red;
}

/* graphic elements */
.countBubble
{
    background-image: url('../i/bg_count-bubble.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 23px;
    margin: 0 8px;
    text-align: center;
}
.searchHighlight .highlight
{
    color: tomato;
    font-weight: bold;
}
.openCloseButton
{
    position: relative;
    width: 7px;
    height: 4px;
    margin: 8px 0 0 -50px;
    background-position: center bottom;
    background-repeat: no-repeat;
    cursor: pointer;
}
.openCloseButtonLite
{
    background-position: left;
    background-repeat: no-repeat;
    cursor: pointer;
    font-family: Verdana;
    font-size: 10px;
}
.openCloseButton.open
{
    background-image: url('../i/i_down.gif');
}
.openCloseButton.close
{
    background-image: url('../i/i_up.gif');
}
.openCloseButtonLite.open
{
    background-image: url('../i/i_down_lite.gif');
}
.openCloseButtonLite.close
{
    background-image: url('../i/i_up_lite.gif');
}
.navUnderlineHover
{
    position: absolute;
    height: 2px;
    background-image: url('../i/line_nav-hover.gif');
    background-repeat: repeat-x;
}
.playButton
{
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
}
.playButton:hover, .playButtonHover
{
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
    background-image: url('../i/btn_play.png');
    background-position: center;
    background-repeat: no-repeat;
}
.action
{
    padding-left: 30px;
    padding-right: 30px;
    line-height: 35px;
    font-size: 14px;
    color: #1c94d0;
    cursor: pointer;
}
.action:hover
{
    color: #146994;
}
.workspaceItem .action
{
    padding: 0;
    font-size: 11px;
}
.action.workspace
{
    background-image: url('../i/i_add-workspace.png');
    background-position: left;
    background-repeat: no-repeat;
}
.action.details
{
    background-image: url('../i/i_details.png');
    background-position: left;
    background-repeat: no-repeat;
}
.action.clip
{
    background-image: url('../i/i_clip.png');
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 45px;
}
.action.download
{
    background-image: url('../i/i_download.png');
    background-position: left;
    background-repeat: no-repeat;
}
.shots .shot
{
    width: 126px;
    height: 71px;
    padding: 0px 2px 1px 2px;
    margin: 3px 3px 0 4px;
    border: 1px solid transparent;
}
#video .shots .shot
{
  border: 4px solid  transparent;
}
#video .shots .shot:hover
{
    border: 4px solid #1c94d0;
}
.shots .shot:hover
{
    border: 4px solid #1c94d0;
}


/* carousel */
.carousel, .verticalSlidingNavBody
{
    overflow: hidden;
}
.carouselContent
{
    position: relative;
    width: 9999px;
}
.carouselContent .item
{
    float: left;
    text-align: center;
    line-height: 10px;
    color: Black;
}
.searchResult .carouselContent .item
{
    margin-top: -4px;
    width: 137px;
}
.carouselContent .item .timeCode
{
    text-align: center;
    font-size: 13px;
    padding: 0px;
    margin: 0px;
    font-family: Verdana;
    font-size: 9px;
}
.verticalSlidingNavBodyContent
{
    position: relative;
    font-family: Verdana;
    color: #333333;
    font-size: 12px;
    line-height: 18px;
    padding: 0 0 15px 0;
    margin: 0;
}
.carouselNavigaton .previous, .carouselNavigaton .page, .carouselNavigaton .current, .carouselNavigaton .next
{
    height: 15px;
    width: 18px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
}
.carouselNavigaton .previous, .carouselNavigaton .page, .carouselNavigaton .next
{
    cursor: pointer;
}
.carouselNavigaton .previous, .carouselNavigaton .next
{
    visibility: hidden;
}
.carouselNavigaton .previous
{
    background-image: url('../i/gp_arrow_carousel_left.png');
}
.carouselNavigaton .previous:hover
{
    background-image: url('../i/hover/gp_arrow_carousel_left.png');
}
.carouselNavigaton .next
{
    background-image: url('../i/gp_arrow_carousel_right.png');
}
.carouselNavigaton .next:hover
{
    background-image: url('../i/hover/gp_arrow_carousel_right.png');
}
.carouselNavigaton .page
{
    background-image: url('../i/gp_indicator_carousel.png');
}
.carouselNavigaton .page:hover
{
    background-image: url('../i/hover/gp_indicator_carousel.png');
}
.carouselNavigaton .current
{
    background-image: url('../i/gp_indicator_carousel_selected.png');
}
.carouselNavigaton > *
{
    vertical-align: middle;
}
.carouselNavigaton .previous
{
    margin-right: 24px;
}
.carouselNavigaton .next
{
    margin-left: 24px;
}

/* modal dialogs */
.modalDialog
{
    position: absolute;
    display: none;
    z-index: 99;
    top: 0px;
    left: 0px;
    padding: 0;
    text-align: left;
}
.modalOverlay
{
    visibility: hidden;
    position: absolute;
    z-index: 98;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; /*background-color: #000000;     opacity: 0.65;*/
}
.modelContent
{
    display: none;
    overflow: hidden;
}
.closeButton
{
    position: absolute;
    visibility: hidden;
    top: 0;
    left: 0; /*background-image: url('../i/btn-close.png');*/
    width: 47px;
    height: 47px;
    z-index: 90;
}
.closeButton:hover
{
    /*background-image: url('../i/hover/btn-close.png');*/
}

.modalDialog input
{
    color: #333333;
}
/* Error Handling */
#errorDiv
{
    position: absolute;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 11px;
    padding: 8px;
    text-align: center;
    opacity: 0.85;
}

/* Advanced Search */
#advancedSearchDropDown
{
    display: block;
    float: left;
    width: 23px;
    height: 40px;
    background: url("../i/search_dropdown.png") no-repeat;
    background-position: top right;
}

#advancedPanel
{
    position: absolute;
    width: 596px;
    height: 85px;
    display: none;
    z-index: 1;
    border: 1px solid #a0a0a0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#advancedPanelBackground
{
    position: absolute;
    width: 596px;
    height: 85px;
    background: #fff;
    background-image: url('../i/bg_shotlist-thumbs.png');
    background-position: top;
    background-repeat: repeat-x;
}

#advancedPanelForeground
{
    position: absolute;
    width: 596px;
    height: 85px;
    margin: 5px 5px 5px 5px;
}

#advancedPanel label
{
    text-align: right;
    padding-top: 2px;
    padding-left: 10px;
    padding-right: 10px;
    width: 50px;
    height: 25px;
    float: left;
}

#advancedPanel input
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#advancedPanel .error
{
    line-height: 20px;
    padding: 0 0 0 5px;
    color: red;
}

.watermark
{
    color: #CCCCCC;
}

/*
 * Note: While Microsoft is not the author of this file, Microsoft is
 * offering you a license subject to the terms of the Microsoft Software
 * License Terms for Microsoft ASP.NET Model View Controller 3.
 * Microsoft reserves all other rights. The notices below are provided
 * for informational purposes only and are not the license terms under
 * which Microsoft distributed this file.
 *
 * jQuery UI CSS Framework 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden
{
    display: none;
}
.ui-helper-hidden-accessible
{
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
}
.ui-helper-reset
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}
.ui-helper-clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.ui-helper-clearfix
{
    display: inline-block;
}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix
{
    height: 1%;
}
.ui-helper-clearfix
{
    display: block;
}
/* end clearfix */
.ui-helper-zfix
{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled
{
    cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon
{
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*
 * Note: While Microsoft is not the author of this file, Microsoft is
 * offering you a license subject to the terms of the Microsoft Software
 * License Terms for Microsoft ASP.NET Model View Controller 3.
 * Microsoft reserves all other rights. The notices below are provided
 * for informational purposes only and are not the license terms under
 * which Microsoft distributed this file.
 *
 * jQuery UI Accordion 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion
{
    width: 100%;
}
.ui-accordion .ui-accordion-header
{
    cursor: pointer;
    position: relative;
    margin-top: 1px;
    zoom: 1;
}
.ui-accordion .ui-accordion-li-fix
{
    display: inline;
}
.ui-accordion .ui-accordion-header-active
{
    border-bottom: 0 !important;
}
.ui-accordion .ui-accordion-header a
{
    display: block;
    font-size: 1em;
    padding: .5em .5em .5em .7em;
}
.ui-accordion-icons .ui-accordion-header a
{
    padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-icon
{
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}
.ui-accordion .ui-accordion-content
{
    padding: 1em 2.2em;
    border-top: 0;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    display: none;
    zoom: 1;
}
.ui-accordion .ui-accordion-content-active
{
    display: block;
}
/*
 * Note: While Microsoft is not the author of this file, Microsoft is
 * offering you a license subject to the terms of the Microsoft Software
 * License Terms for Microsoft ASP.NET Model View Controller 3.
 * Microsoft reserves all other rights. The notices below are provided
 * for informational purposes only and are not the license terms under
 * which Microsoft distributed this file.
 *
 * jQuery UI Autocomplete 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete
{
    position: absolute;
    cursor: default;
}

/* workarounds */
* html .ui-autocomplete
{
    width: 1px;
}
/* without this, the menu expands to 100% in IE6 */

/*
 * Note: While Microsoft is not the author of this file, Microsoft is
 * offering you a license subject to the terms of the Microsoft Software
 * License Terms for Microsoft ASP.NET Model View Controller 3.
 * Microsoft reserves all other rights. The notices below are provided
 * for informational purposes only and are not the license terms under
 * which Microsoft distributed this file.
 *
 * jQuery UI Menu 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu
{
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    float: left;
}
.ui-menu .ui-menu
{
    margin-top: -3px;
}
.ui-menu .ui-menu-item
{
    margin: 0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
}
.ui-menu .ui-menu-item a
{
    text-decoration: none;
    display: block;
    padding: .2em .4em;
    line-height: 1.5;
    zoom: 1;
}
.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active
{
    font-weight: normal;
    margin: -1px;
}
/*
 * Note: While Microsoft is not the author of this file, Microsoft is
 * offering you a license subject to the terms of the Microsoft Software
 * License Terms for Microsoft ASP.NET Model View Controller 3.
 * Microsoft reserves all other rights. The notices below are provided
 * for informational purposes only and are not the license terms under
 * which Microsoft distributed this file.
 *
 * jQuery UI Button 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button
{
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: .1em;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
}
/* the overflow property removes extra width in IE */
.ui-button-icon-only
{
    width: 2.2em;
}
/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only
{
    width: 2.4em;
}
/* button elements seem to need a little more width */
.ui-button-icons-only
{
    width: 3.4em;
}
button.ui-button-icons-only
{
    width: 3.7em;
}

/*button text element */
.ui-button .ui-button-text
{
    display: block;
    line-height: 1.4;
}
.ui-button-text-only .ui-button-text
{
    padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text
{
    padding: .4em;
    text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text
{
    padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text
{
    padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text
{
    padding-left: 2.1em;
    padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button
{
    padding: .4em 1em;
}

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon
{
    position: absolute;
    top: 50%;
    margin-top: -8px;
}
.ui-button-icon-only .ui-icon
{
    left: 50%;
    margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary
{
    left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary
{
    right: .5em;
}
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary
{
    right: .5em;
}

/*button sets*/
.ui-buttonset
{
    margin-right: 7px;
}
.ui-buttonset .ui-button
{
    margin-left: 0;
    margin-right: -.3em;
}

/* workarounds */
button.ui-button::-moz-focus-inner
{
    border: 0;
    padding: 0;
}
/* reset extra padding in Firefox */
/*
 * Note: While Microsoft is not the author of this file, Microsoft is
 * offering you a license subject to the terms of the Microsoft Software
 * License Terms for Microsoft ASP.NET Model View Controller 3.
 * Microsoft reserves all other rights. The notices below are provided
 * for informational purposes only and are not the license terms under
 * which Microsoft distributed this file.
 *
 * jQuery UI Datepicker 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker-trigger
{
    padding-left: 3px;
    position: relative;
    top: 7px;
}

.ui-datepicker
{
    width: 17em;
    padding: .2em .2em 0;
    display: none;
    z-index: 2000 !important;
}

.ui-datepicker .ui-datepicker-header
{
    position: relative;
    padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next
{
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover
{
    top: 1px;
}
.ui-datepicker .ui-datepicker-prev
{
    left: 2px;
}
.ui-datepicker .ui-datepicker-next
{
    right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover
{
    left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover
{
    right: 1px;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span
{
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title
{
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}
.ui-datepicker .ui-datepicker-title select
{
    font-size: 1em;
    margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year
{
    width: 100%;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year
{
    width: 49%;
}
.ui-datepicker select.ui-datepicker-month
{
    float: right;
}
.ui-datepicker select.ui-datepicker-year
{
    float: left;
}
.ui-datepicker table
{
    /*width: 100%;*/ /*This is the only change to ui-datepicker, all other overrides in #ui-datepicker-div */
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}
.ui-datepicker th
{
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}
.ui-datepicker td
{
    border: 0;
    padding: 1px;
}
.ui-datepicker td span, .ui-datepicker td a
{
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane
{
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button
{
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current
{
    float: left;
}
/* overrides ui-datepicker styles */
#ui-datepicker-div
{
    background-color: #d9d9d9;
    padding: 0;
    border: 6px solid #696969; /* The Fallback for ie */
    border: 6px solid rgba(0, 0, 0, 0.70);
    width: 15.50em;
}
#ui-datepicker-div .ui-datepicker-header
{
    font: normal 18px GoodWeb-Bold;
    background-color: #ffffff;
    padding: 5px 10px 8px 10px;
}
#ui-datepicker-div .ui-corner-all
{
    -moz-border-radius: 0px /*{cornerRadius}*/;
    -webkit-border-radius: 0px /*{cornerRadius}*/;
    border-radius: 0px /*{cornerRadius}*/;
}

#ui-datepicker-div .ui-datepicker-prev
{
    left: 96px;
}
#ui-datepicker-div a.ui-datepicker-prev, #ui-datepicker-div a.ui-datepicker-next
{
    font: normal 21px GoodWeb-Bold;
    color: #666666;
    background-color: #cccccc;
    margin: 7px 8px 4px 10px;
    width: .9em;
    height: .9em;
    top: 0px;
    -moz-border-radius: 0px /*{cornerRadius}*/;
    -webkit-border-radius: 0px /*{cornerRadius}*/;
    border-radius: 0px /*{cornerRadius}*/;
}
#ui-datepicker-div a.ui-datepicker-prev:hover, #ui-datepicker-div a.ui-datepicker-next:hover
{
    color: #ffffff;
    background-color: #666666;
    cursor: pointer;
}
#ui-datepicker-div a.ui-datepicker-prev span, #ui-datepicker-div a.ui-datepicker-next span
{
    background-image: none;
    text-indent: 0;
    overflow: visible;
    left: 64%;
    margin-left: -8px;
    top: 33%;
    margin-top: -8px;
}
#ui-datepicker-div .ui-datepicker-next
{
    right: 8px;
}
#ui-datepicker-div select.ui-datepicker-year
{
    left: 6px;
    position: absolute;
    width: 31%;
}
#ui-datepicker-div select
{
    /*font: normal 21px GoodWeb-Book; ie does not like this font, closes dropdown unexpectedly */
    font-size: 0.75em;
}
#ui-datepicker-div table
{
    margin: 0 24px 5px 24px;
}
#ui-datepicker-div thead span
{
    font: bold 14px Verdana;
    color: #333333;
    padding: 6px;
}
#ui-datepicker-div th
{
    /*padding:  .5em .3em;*/
    padding: .2em .3em 0.2em 0;
}
#ui-datepicker-div table tbody
{
    font: bold 12px Verdana;
    color: #333333;
    padding: 6px;
    margin: 0;
}
#ui-datepicker-div table td
{
    background-color: #d9d9d9;
    padding: 0;
    margin: 0;
}
#ui-datepicker-div table tbody td span, #ui-datepicker-div table tbody td a
{
    color: #333333;
    background-color: #ffffff;
}
#ui-datepicker-div td span, #ui-datepicker-div td a
{
    padding: .6em;
    text-align: center;
}
#ui-datepicker-div td.ui-datepicker-unselectable
{
    opacity: .75;
}
#ui-datepicker-div tbody span.ui-state-default
{
    color: #B4B4B4;
}
#ui-datepicker-div tbody a:hover
{
    background-color: #146994; /*#028FED;*/
    color: #ffffff;
}
#ui-datepicker-div td.ui-datepicker-today span, td.ui-datepicker-today a
{
    border: none !important;
    color: #ffffff !important;
    background-color: #333333 !important;
}
#ui-datepicker-div div.ui-datepicker-buttonpane
{
    margin: 0;
    border: none;
}
#ui-datepicker-div .ui-datepicker-buttonpane button
{
    font: normal 12px Verdana;
    color: #1c94d0;
    margin: 0;
    border: none;
    background: none; /*opacity: 1.0;*/
    padding: 4px 24px 5px 22px;
}
#ui-datepicker-div .ui-datepicker-buttonpane button:hover
{
    color: #146994;
}
/* end overriden ui-datepicker styles */


/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi
{
    width: auto;
}
.ui-datepicker-multi .ui-datepicker-group
{
    float: left;
}
.ui-datepicker-multi .ui-datepicker-group table
{
    width: 95%;
    margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group
{
    width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group
{
    width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group
{
    width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header
{
    border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header
{
    border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane
{
    clear: left;
}
.ui-datepicker-row-break
{
    clear: both;
    width: 100%;
}

/* RTL support */
.ui-datepicker-rtl
{
    direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev
{
    right: 2px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next
{
    left: 2px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover
{
    right: 1px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover
{
    left: 1px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane
{
    clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button
{
    float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current
{
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group
{
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header
{
    border-right-width: 0;
    border-left-width: 1px;
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header
{
    border-right-width: 0;
    border-left-width: 1px;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover
{
    display: none; /*sorry for IE5*/
    display: /**/ block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
/*
 * Note: While Microsoft is not the author of this file, Microsoft is
 * offering you a license subject to the terms of the Microsoft Software
 * License Terms for Microsoft ASP.NET Model View Controller 3.
 * Microsoft reserves all other rights. The notices below are provided
 * for informational purposes only and are not the license terms under
 * which Microsoft distributed this file.
 *
 * jQuery UI Dialog 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog
{
    position: absolute;
    padding: .2em;
    width: 300px;
    overflow: hidden;
}
.ui-dialog .ui-dialog-titlebar
{
    padding: .5em 1em .3em;
    position: relative;
}
.ui-dialog .ui-dialog-title
{
    float: left;
    margin: .1em 16px .2em 0;
}
.ui-dialog .ui-dialog-titlebar-close
{
    position: absolute;
    right: .3em;
    top: 50%;
    width: 19px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 18px;
}
.ui-dialog .ui-dialog-titlebar-close span
{
    display: block;
    margin: 1px;
}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus
{
    padding: 0;
}
.ui-dialog .ui-dialog-content
{
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
    zoom: 1;
}
.ui-dialog .ui-dialog-buttonpane
{
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin: .5em 0 0 0;
    padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset
{
    float: right;
}
.ui-dialog .ui-dialog-buttonpane button
{
    margin: .5em .4em .5em 0;
    cursor: pointer;
}
.ui-dialog .ui-resizable-se
{
    width: 14px;
    height: 14px;
    right: 3px;
    bottom: 3px;
}
.ui-draggable .ui-dialog-titlebar
{
    cursor: move;
}
/*
 * Note: While Microsoft is not the author of this file, Microsoft is
 * offering you a license subject to the terms of the Microsoft Software
 * License Terms for Microsoft ASP.NET Model View Controller 3.
 * Microsoft reserves all other rights. The notices below are provided
 * for informational purposes only and are not the license terms under
 * which Microsoft distributed this file.
 *
 * jQuery UI Progressbar 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar
{
    height: 2em;
    text-align: left;
}
.ui-progressbar .ui-progressbar-value
{
    
    height: 100%;
    background-color:#669900;
}

/*
 * Note: While Microsoft is not the author of this file, Microsoft is
 * offering you a license subject to the terms of the Microsoft Software
 * License Terms for Microsoft ASP.NET Model View Controller 3.
 * Microsoft reserves all other rights. The notices below are provided
 * for informational purposes only and are not the license terms under
 * which Microsoft distributed this file.
 *
 * jQuery UI Resizable 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable
{
    position: relative;
}
.ui-resizable-handle
{
    position: absolute;
    font-size: 0.1px;
    z-index: 99999;
    display: block;
}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle
{
    display: none;
}
.ui-resizable-n
{
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}
.ui-resizable-s
{
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}
.ui-resizable-e
{
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-w
{
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-se
{
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}
.ui-resizable-sw
{
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}
.ui-resizable-nw
{
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}
.ui-resizable-ne
{
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}
/*
 * Note: While Microsoft is not the author of this file, Microsoft is
 * offering you a license subject to the terms of the Microsoft Software
 * License Terms for Microsoft ASP.NET Model View Controller 3.
 * Microsoft reserves all other rights. The notices below are provided
 * for informational purposes only and are not the license terms under
 * which Microsoft distributed this file.
 *
 * jQuery UI Selectable 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper
{
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}
/*
 * Note: While Microsoft is not the author of this file, Microsoft is
 * offering you a license subject to the terms of the Microsoft Software
 * License Terms for Microsoft ASP.NET Model View Controller 3.
 * Microsoft reserves all other rights. The notices below are provided
 * for informational purposes only and are not the license terms under
 * which Microsoft distributed this file.
 *
 * jQuery UI Slider 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider
{
    position: relative;
    text-align: left;
}
.ui-slider .ui-slider-handle
{
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
}
.ui-slider .ui-slider-range
{
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

.ui-slider-horizontal
{
    height: .8em;
}
.ui-slider-horizontal .ui-slider-handle
{
    top: -.3em;
    margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range
{
    top: 0;
    height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min
{
    left: 0;
}
.ui-slider-horizontal .ui-slider-range-max
{
    right: 0;
}

.ui-slider-vertical
{
    width: .8em;
    height: 100px;
}
.ui-slider-vertical .ui-slider-handle
{
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range
{
    left: 0;
    width: 100%;
}
.ui-slider-vertical .ui-slider-range-min
{
    bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max
{
    top: 0;
}
/*
 * Note: While Microsoft is not the author of this file, Microsoft is
 * offering you a license subject to the terms of the Microsoft Software
 * License Terms for Microsoft ASP.NET Model View Controller 3.
 * Microsoft reserves all other rights. The notices below are provided
 * for informational purposes only and are not the license terms under
 * which Microsoft distributed this file.
 *
 * jQuery UI Tabs 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs
{
    position: relative;
    padding: .2em;
    zoom: 1;
}
/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav
{
    margin: 0;
    padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li
{
    list-style: none;
    float: left;
    position: relative;
    top: 1px;
    margin: 0 .2em 1px 0;
    border-bottom: 0 !important;
    padding: 0;
    white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a
{
    float: left;
    padding: .5em 1em;
    text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected
{
    margin-bottom: 0;
    padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a
{
    cursor: text;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a
{
    cursor: pointer;
}
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel
{
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}
.ui-tabs .ui-tabs-hide
{
    display: none !important;
}
/*
 * Note: While Microsoft is not the author of this file, Microsoft is
 * offering you a license subject to the terms of the Microsoft Software
 * License Terms for Microsoft ASP.NET Model View Controller 3.
 * Microsoft reserves all other rights. The notices below are provided
 * for informational purposes only and are not the license terms under
 * which Microsoft distributed this file.
 *
 * jQuery UI CSS Framework 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */


/* Component containers
----------------------------------*/
.ui-widget
{
    font-family: Verdana,Arial,sans-serif /*{ffDefault}*/;
    font-size: 1.1em /*{fsDefault}*/;
}
.ui-widget .ui-widget
{
    font-size: 1em;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button
{
    font-family: Verdana,Arial,sans-serif /*{ffDefault}*/;
    font-size: 1em;
}
.ui-widget-content
{
    border: 1px solid #aaaaaa /*{borderColorContent}*/;
    background: #ffffff /*{bgColorContent}*/ /*url(images/ui-bg_flat_75_ffffff_40x100.png)*/ /*{bgImgUrlContent}*/ 50% /*{bgContentXPos}*/ 50% /*{bgContentYPos}*/ repeat-x /*{bgContentRepeat}*/;
    color: #222222 /*{fcContent}*/;
    border-left-style: none;
    border-right-style: none;
}
.ui-widget-content a
{
    color: #222222 /*{fcContent}*/;
}
.ui-widget-header
{
    border: 1px solid #1c94d0 /*{borderColorHeader}*/;
    background: #1c94d0 /*{bgColorHeader}*/ /*url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)*/ /*{bgImgUrlHeader}*/ 50% /*{bgHeaderXPos}*/ 50% /*{bgHeaderYPos}*/ repeat-x /*{bgHeaderRepeat}*/;
    color: #222222 /*{fcHeader}*/;
    font-weight: bold;
}
.ui-widget-header a
{
    color: #222222 /*{fcHeader}*/;
}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
    border: 1px solid #bfbfbf /*{borderColorDefault}*/;
    background: #ffffff /*{bgColorDefault}*/ /*url(images/ui-bg_glass_75_e6e6e6_1x400.png)*/ /*{bgImgUrlDefault}*/ 50% /*{bgDefaultXPos}*/ 50% /*{bgDefaultYPos}*/ repeat-x /*{bgDefaultRepeat}*/;
    font-weight: normal /*{fwDefault}*/;
    color: #555555 /*{fcDefault}*/;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited
{
    color: #555555 /*{fcDefault}*/;
    text-decoration: none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
{
  /*  border: 1px solid #999999; /*{borderColorHover}*/
    background: #e9e9e9 /*{bgColorHover}*/ /*url(images/ui-bg_glass_75_dadada_1x400.png)*/ /*{bgImgUrlHover}*/ 50% /*{bgHoverXPos}*/ 50% /*{bgHoverYPos}*/ repeat-x /*{bgHoverRepeat}*/;
    font-weight: normal /*{fwDefault}*/;
    color: #212121 /*{fcHover}*/;
}
.ui-state-hover a, .ui-state-hover a:hover
{
    color: #666666 /*{fcHover}*/;
    text-decoration: none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
{
    border: 1px solid #aaaaaa /*{borderColorActive}*/;
    background: #dadada /*{bgColorActive}*/ /*url(images/ui-bg_glass_65_ffffff_1x400.png)*/ /*{bgImgUrlActive}*/ 50% /*{bgActiveXPos}*/ 50% /*{bgActiveYPos}*/ repeat-x /*{bgActiveRepeat}*/;
    font-weight: normal /*{fwDefault}*/;
    color: #212121 /*{fcActive}*/;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited
{
    color: #212121 /*{fcActive}*/;
    text-decoration: none;
}
.ui-widget :active
{
    outline: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight
{
    border: 1px solid #fcefa1 /*{borderColorHighlight}*/;
    background: #fbf9ee /*{bgColorHighlight}*/ /*url(images/ui-bg_glass_55_fbf9ee_1x400.png)*/ /*{bgImgUrlHighlight}*/ 50% /*{bgHighlightXPos}*/ 50% /*{bgHighlightYPos}*/ repeat-x /*{bgHighlightRepeat}*/;
    color: #363636 /*{fcHighlight}*/;
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a
{
    color: #363636 /*{fcHighlight}*/;
}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error
{
    border: 1px solid #cd0a0a /*{borderColorError}*/;
    background: #fef1ec /*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png) /*{bgImgUrlError}*/ 50% /*{bgErrorXPos}*/ 50% /*{bgErrorYPos}*/ repeat-x /*{bgErrorRepeat}*/;
    color: #cd0a0a /*{fcError}*/;
}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a
{
    color: #cd0a0a /*{fcError}*/;
}
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text
{
    color: #cd0a0a /*{fcError}*/;
}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary
{
    font-weight: bold;
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary
{
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled
{
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon
{
    width: 16px;
    height: 16px;
    background-image: url(images/ui-icons_222222_256x240.png) /*{iconsContent}*/;
}
.ui-widget-content .ui-icon
{
    background-image: url(images/ui-icons_222222_256x240.png) /*{iconsContent}*/;
}
.ui-widget-header .ui-icon
{
    background-image: url(images/ui-icons_222222_256x240.png) /*{iconsHeader}*/;
}
.ui-state-default .ui-icon
{
    background-image: url(images/ui-icons_888888_256x240.png) /*{iconsDefault}*/;
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon
{
    background-image: url(images/ui-icons_454545_256x240.png) /*{iconsHover}*/;
}
.ui-state-active .ui-icon
{
    background-image: url(images/ui-icons_454545_256x240.png) /*{iconsActive}*/;
}
.ui-state-highlight .ui-icon
{
    background-image: url(images/ui-icons_2e83ff_256x240.png) /*{iconsHighlight}*/;
}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon
{
    background-image: url(images/ui-icons_cd0a0a_256x240.png) /*{iconsError}*/;
}

/* positioning */
.ui-icon-carat-1-n
{
    background-position: 0 0;
}
.ui-icon-carat-1-ne
{
    background-position: -16px 0;
}
.ui-icon-carat-1-e
{
    background-position: -32px 0;
}
.ui-icon-carat-1-se
{
    background-position: -48px 0;
}
.ui-icon-carat-1-s
{
    background-position: -64px 0;
}
.ui-icon-carat-1-sw
{
    background-position: -80px 0;
}
.ui-icon-carat-1-w
{
    background-position: -96px 0;
}
.ui-icon-carat-1-nw
{
    background-position: -112px 0;
}
.ui-icon-carat-2-n-s
{
    background-position: -128px 0;
}
.ui-icon-carat-2-e-w
{
    background-position: -144px 0;
}
.ui-icon-triangle-1-n
{
    background-position: 0 -16px;
}
.ui-icon-triangle-1-ne
{
    background-position: -16px -16px;
}
.ui-icon-triangle-1-e
{
    background-position: -32px -16px;
}
.ui-icon-triangle-1-se
{
    background-position: -48px -16px;
}
.ui-icon-triangle-1-s
{
    background-position: -64px -16px;
}
.ui-icon-triangle-1-sw
{
    background-position: -80px -16px;
}
.ui-icon-triangle-1-w
{
    background-position: -96px -16px;
}
.ui-icon-triangle-1-nw
{
    background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s
{
    background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w
{
    background-position: -144px -16px;
}
.ui-icon-arrow-1-n
{
    background-position: 0 -32px;
}
.ui-icon-arrow-1-ne
{
    background-position: -16px -32px;
}
.ui-icon-arrow-1-e
{
    background-position: -32px -32px;
}
.ui-icon-arrow-1-se
{
    background-position: -48px -32px;
}
.ui-icon-arrow-1-s
{
    background-position: -64px -32px;
}
.ui-icon-arrow-1-sw
{
    background-position: -80px -32px;
}
.ui-icon-arrow-1-w
{
    background-position: -96px -32px;
}
.ui-icon-arrow-1-nw
{
    background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s
{
    background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw
{
    background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w
{
    background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw
{
    background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n
{
    background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e
{
    background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s
{
    background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w
{
    background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n
{
    background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne
{
    background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e
{
    background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se
{
    background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s
{
    background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw
{
    background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w
{
    background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw
{
    background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s
{
    background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw
{
    background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w
{
    background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw
{
    background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n
{
    background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e
{
    background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s
{
    background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w
{
    background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w
{
    background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n
{
    background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e
{
    background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s
{
    background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w
{
    background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n
{
    background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e
{
    background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s
{
    background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w
{
    background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n
{
    background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e
{
    background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s
{
    background-position: -176px -64px;
}
.ui-icon-arrow-4
{
    background-position: 0 -80px;
}
.ui-icon-arrow-4-diag
{
    background-position: -16px -80px;
}
.ui-icon-extlink
{
    background-position: -32px -80px;
}
.ui-icon-newwin
{
    background-position: -48px -80px;
}
.ui-icon-refresh
{
    background-position: -64px -80px;
}
.ui-icon-shuffle
{
    background-position: -80px -80px;
}
.ui-icon-transfer-e-w
{
    background-position: -96px -80px;
}
.ui-icon-transferthick-e-w
{
    background-position: -112px -80px;
}
.ui-icon-folder-collapsed
{
    background-position: 0 -96px;
}
.ui-icon-folder-open
{
    background-position: -16px -96px;
}
.ui-icon-document
{
    background-position: -32px -96px;
}
.ui-icon-document-b
{
    background-position: -48px -96px;
}
.ui-icon-note
{
    background-position: -64px -96px;
}
.ui-icon-mail-closed
{
    background-position: -80px -96px;
}
.ui-icon-mail-open
{
    background-position: -96px -96px;
}
.ui-icon-suitcase
{
    background-position: -112px -96px;
}
.ui-icon-comment
{
    background-position: -128px -96px;
}
.ui-icon-person
{
    background-position: -144px -96px;
}
.ui-icon-print
{
    background-position: -160px -96px;
}
.ui-icon-trash
{
    background-position: -176px -96px;
}
.ui-icon-locked
{
    background-position: -192px -96px;
}
.ui-icon-unlocked
{
    background-position: -208px -96px;
}
.ui-icon-bookmark
{
    background-position: -224px -96px;
}
.ui-icon-tag
{
    background-position: -240px -96px;
}
.ui-icon-home
{
    background-position: 0 -112px;
}
.ui-icon-flag
{
    background-position: -16px -112px;
}
.ui-icon-calendar
{
    background-position: -32px -112px;
}
.ui-icon-cart
{
    background-position: -48px -112px;
}
.ui-icon-pencil
{
    background-position: -64px -112px;
}
.ui-icon-clock
{
    background-position: -80px -112px;
}
.ui-icon-disk
{
    background-position: -96px -112px;
}
.ui-icon-calculator
{
    background-position: -112px -112px;
}
.ui-icon-zoomin
{
    background-position: -128px -112px;
}
.ui-icon-zoomout
{
    background-position: -144px -112px;
}
.ui-icon-search
{
    background-position: -160px -112px;
}
.ui-icon-wrench
{
    background-position: -176px -112px;
}
.ui-icon-gear
{
    background-position: -192px -112px;
}
.ui-icon-heart
{
    background-position: -208px -112px;
}
.ui-icon-star
{
    background-position: -224px -112px;
}
.ui-icon-link
{
    background-position: -240px -112px;
}
.ui-icon-cancel
{
    background-position: 0 -128px;
}
.ui-icon-plus
{
    background-position: -16px -128px;
}
.ui-icon-plusthick
{
    background-position: -32px -128px;
}
.ui-icon-minus
{
    background-position: -48px -128px;
}
.ui-icon-minusthick
{
    background-position: -64px -128px;
}
.ui-icon-close
{
    background-position: -80px -128px;
}
.ui-icon-closethick
{
    background-position: -96px -128px;
}
.ui-icon-key
{
    background-position: -112px -128px;
}
.ui-icon-lightbulb
{
    background-position: -128px -128px;
}
.ui-icon-scissors
{
    background-position: -144px -128px;
}
.ui-icon-clipboard
{
    background-position: -160px -128px;
}
.ui-icon-copy
{
    background-position: -176px -128px;
}
.ui-icon-contact
{
    background-position: -192px -128px;
}
.ui-icon-image
{
    background-position: -208px -128px;
}
.ui-icon-video
{
    background-position: -224px -128px;
}
.ui-icon-script
{
    background-position: -240px -128px;
}
.ui-icon-alert
{
    background-position: 0 -144px;
}
.ui-icon-info
{
    background-position: -16px -144px;
}
.ui-icon-notice
{
    background-position: -32px -144px;
}
.ui-icon-help
{
    background-position: -48px -144px;
}
.ui-icon-check
{
    background-position: -64px -144px;
}
.ui-icon-bullet
{
    background-position: -80px -144px;
}
.ui-icon-radio-off
{
    background-position: -96px -144px;
}
.ui-icon-radio-on
{
    background-position: -112px -144px;
}
.ui-icon-pin-w
{
    background-position: -128px -144px;
}
.ui-icon-pin-s
{
    background-position: -144px -144px;
}
.ui-icon-play
{
    background-position: 0 -160px;
}
.ui-icon-pause
{
    background-position: -16px -160px;
}
.ui-icon-seek-next
{
    background-position: -32px -160px;
}
.ui-icon-seek-prev
{
    background-position: -48px -160px;
}
.ui-icon-seek-end
{
    background-position: -64px -160px;
}
.ui-icon-seek-start
{
    background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first
{
    background-position: -80px -160px;
}
.ui-icon-stop
{
    background-position: -96px -160px;
}
.ui-icon-eject
{
    background-position: -112px -160px;
}
.ui-icon-volume-off
{
    background-position: -128px -160px;
}
.ui-icon-volume-on
{
    background-position: -144px -160px;
}
.ui-icon-power
{
    background-position: 0 -176px;
}
.ui-icon-signal-diag
{
    background-position: -16px -176px;
}
.ui-icon-signal
{
    background-position: -32px -176px;
}
.ui-icon-battery-0
{
    background-position: -48px -176px;
}
.ui-icon-battery-1
{
    background-position: -64px -176px;
}
.ui-icon-battery-2
{
    background-position: -80px -176px;
}
.ui-icon-battery-3
{
    background-position: -96px -176px;
}
.ui-icon-circle-plus
{
    background-position: 0 -192px;
}
.ui-icon-circle-minus
{
    background-position: -16px -192px;
}
.ui-icon-circle-close
{
    background-position: -32px -192px;
}
.ui-icon-circle-triangle-e
{
    background-position: -48px -192px;
}
.ui-icon-circle-triangle-s
{
    background-position: -64px -192px;
}
.ui-icon-circle-triangle-w
{
    background-position: -80px -192px;
}
.ui-icon-circle-triangle-n
{
    background-position: -96px -192px;
}
.ui-icon-circle-arrow-e
{
    background-position: -112px -192px;
}
.ui-icon-circle-arrow-s
{
    background-position: -128px -192px;
}
.ui-icon-circle-arrow-w
{
    background-position: -144px -192px;
}
.ui-icon-circle-arrow-n
{
    background-position: -160px -192px;
}
.ui-icon-circle-zoomin
{
    background-position: -176px -192px;
}
.ui-icon-circle-zoomout
{
    background-position: -192px -192px;
}
.ui-icon-circle-check
{
    background-position: -208px -192px;
}
.ui-icon-circlesmall-plus
{
    background-position: 0 -208px;
}
.ui-icon-circlesmall-minus
{
    background-position: -16px -208px;
}
.ui-icon-circlesmall-close
{
    background-position: -32px -208px;
}
.ui-icon-squaresmall-plus
{
    background-position: -48px -208px;
}
.ui-icon-squaresmall-minus
{
    background-position: -64px -208px;
}
.ui-icon-squaresmall-close
{
    background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical
{
    background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal
{
    background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical
{
    background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal
{
    background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se
{
    background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se
{
    background-position: -80px -224px;
}


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl
{
    -moz-border-radius-topleft: 4px /*{cornerRadius}*/;
    -webkit-border-top-left-radius: 4px /*{cornerRadius}*/;
    border-top-left-radius: 4px /*{cornerRadius}*/;
}
.ui-corner-tr
{
    -moz-border-radius-topright: 4px /*{cornerRadius}*/;
    -webkit-border-top-right-radius: 4px /*{cornerRadius}*/;
    border-top-right-radius: 4px /*{cornerRadius}*/;
}
.ui-corner-bl
{
    -moz-border-radius-bottomleft: 4px /*{cornerRadius}*/;
    -webkit-border-bottom-left-radius: 4px /*{cornerRadius}*/;
    border-bottom-left-radius: 4px /*{cornerRadius}*/;
}
.ui-corner-br
{
    -moz-border-radius-bottomright: 4px /*{cornerRadius}*/;
    -webkit-border-bottom-right-radius: 4px /*{cornerRadius}*/;
    border-bottom-right-radius: 4px /*{cornerRadius}*/;
}
.ui-corner-top
{
    -moz-border-radius-topleft: 4px /*{cornerRadius}*/;
    -webkit-border-top-left-radius: 4px /*{cornerRadius}*/;
    border-top-left-radius: 4px /*{cornerRadius}*/;
    -moz-border-radius-topright: 4px /*{cornerRadius}*/;
    -webkit-border-top-right-radius: 4px /*{cornerRadius}*/;
    border-top-right-radius: 4px /*{cornerRadius}*/;
}
.ui-corner-bottom
{
    -moz-border-radius-bottomleft: 4px /*{cornerRadius}*/;
    -webkit-border-bottom-left-radius: 4px /*{cornerRadius}*/;
    border-bottom-left-radius: 4px /*{cornerRadius}*/;
    -moz-border-radius-bottomright: 4px /*{cornerRadius}*/;
    -webkit-border-bottom-right-radius: 4px /*{cornerRadius}*/;
    border-bottom-right-radius: 4px /*{cornerRadius}*/;
}
.ui-corner-right
{
    -moz-border-radius-topright: 4px /*{cornerRadius}*/;
    -webkit-border-top-right-radius: 4px /*{cornerRadius}*/;
    border-top-right-radius: 4px /*{cornerRadius}*/;
    -moz-border-radius-bottomright: 4px /*{cornerRadius}*/;
    -webkit-border-bottom-right-radius: 4px /*{cornerRadius}*/;
    border-bottom-right-radius: 4px /*{cornerRadius}*/;
}
.ui-corner-left
{
    -moz-border-radius-topleft: 4px /*{cornerRadius}*/;
    -webkit-border-top-left-radius: 4px /*{cornerRadius}*/;
    border-top-left-radius: 4px /*{cornerRadius}*/;
    -moz-border-radius-bottomleft: 4px /*{cornerRadius}*/;
    -webkit-border-bottom-left-radius: 4px /*{cornerRadius}*/;
    border-bottom-left-radius: 4px /*{cornerRadius}*/;
}
.ui-corner-all
{
    -moz-border-radius: 4px /*{cornerRadius}*/;
    -webkit-border-radius: 4px /*{cornerRadius}*/;
    border-radius: 4px /*{cornerRadius}*/;
}

/* Overlays */
.ui-widget-overlay
{
    background: #aaaaaa /*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png) /*{bgImgUrlOverlay}*/ 50% /*{bgOverlayXPos}*/ 50% /*{bgOverlayYPos}*/ repeat-x /*{bgOverlayRepeat}*/;
    opacity: .3;
    filter: Alpha(Opacity=30) /*{opacityOverlay}*/;
}
.ui-widget-shadow
{
    margin: -8px /*{offsetTopShadow}*/ 0 0 -8px /*{offsetLeftShadow}*/;
    padding: 8px /*{thicknessShadow}*/;
    background: #aaaaaa /*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png) /*{bgImgUrlShadow}*/ 50% /*{bgShadowXPos}*/ 50% /*{bgShadowYPos}*/ repeat-x /*{bgShadowRepeat}*/;
    opacity: .3;
    filter: Alpha(Opacity=30) /*{opacityShadow}*/;
    -moz-border-radius: 8px /*{cornerRadiusShadow}*/;
    -webkit-border-radius: 8px /*{cornerRadiusShadow}*/;
    border-radius: 8px /*{cornerRadiusShadow}*/;
}

.myRequestsVideoCount
{
    float: left;
    font-size: 12px;
    font-weight: normal;
    font-family: Verdana;
    color: #333333;
    padding: 0 22px 0 14px; /*12px 15px 0 0;/*0 22px 0 4px;*/
    margin: 0;
}
#requestHistoryTabMenu
{
    width: 835px;
    padding-bottom: 0px;
    padding-left: 10px;
}

#myRequestsDownloadNow a
{
    color: #1c94d0;
}

#clipBins
{
    margin: 5px 0 0 0;
}

/*#clipBins .defaultactive
{
    font-size: 15px;
    line-height: 25px;
    padding: 7px 14px 6px 10px;   
   font-family:GoodWeb-Book, Verdana, Arial, Helvetica, sans-serif;
   background-color: rgba(92, 92, 92, 0.8);
   color:#ffffff;
}
#clipBins a:hover
{
     font-size:20px;
     color: #ecb200;
     background-color: rgba(92, 92, 92, 1.0);
}*/
#clipBins li.editclipbin a
{
    font: normal 11px verdana;
    color: #ffffff;
    padding: 6px 14px 4px 10px;
    background-color: rgb(92, 92, 92);
    background-color: rgba(92, 92, 92, 0.9);
}
div.clipbinshare
{
    font: normal 11px verdana;
    color: #333333;
}
div.clipbinshare a
{
    color: #333333;
}
div.clipbinshare:hover
{
    color: #ffffff;
    background-color: #cccccc;
}
div.clipbinshare a:hover
{
    color: #ffffff;
    background-color: #cccccc;
}
input[type=checkbox]
{
    display: none;
}
input[type=checkbox].IE8Class
{   
   background-image: none;   
   display: inline-block;
   padding: 0 0 0 0px;
}
.checkboxiconStyles
{
  float:left; 
  padding-left:10px;
  margin-right: 11px;    
 }
 .downloadiconPosition
 {
   float:left;
   margin:4px 0 0 0; 
   vertical-align:top;
   cursor:pointer;
 }
 .IconPosition
 {
 float:left;
 margin:4px 0 0 0;
 vertical-align:top;
 padding-left:1px;
 font: normal 11px 'verdana';
 color: #1c94d0;
 }
 input[type=radio]
{
    display: none;
}
 input[type=radio] + label
 {
    background-image: url('../i/icon_grpActn_radioButton_0001_unselected.png');
    background-repeat: no-repeat;
    height: 12px;
    width: 13px;
    display: inline-block;   
    
 }
  input[type=radio]:checked + label
 {
     background-image: url('../i/icon_grpActn_radioButton_0000_selected.png');
    background-repeat: no-repeat;
    height: 12px;
    width: 13px;
    display: inline-block;
   
  
 }
 input[type=radio].IE8Class
{   
   background-image: none;   
   display: inline-block;
 
   
}
input[type=checkbox] + label
{
    background-image: url('../i/icon_grpActn_0001_checkbox_unchecked.png');
    background-repeat: no-repeat;
    height: 19px;
    width: 13px;
    display: inline-block;
    padding: 0 0 0 0px;

}

input[type=checkbox]:checked + label
{
    background-image: url('../i/icon_grpActn_0000_checkbox_checked.png');
    background-repeat: no-repeat;
    height: 19px;
    width: 13px;
    display: inline-block;
    padding: 0 0 0 0px;
}

.downloadicon
{
    display: block; /* 'convert' <a> to <div> */
    padding: 0 0 0 0;
    background-position: center top;
    background-repeat: no-repeat;
    border: 1px solid transparent;
    height: 25px;
    width: 30px;
}
.downloadicon.enabled:hover
{
    background-image: url('../i/icon_grpActn_0000_download-hover-ribbon.png');
}
.downloadicon.disabled
{
    background-image: url('../i/icon_grpActn_0002_download-disabled.png');
}
.downloadicon.enabled
{
    background-image: url('../i/icon_grpActn_0001_download-enabled.png');
}
.singledownloadicon
{
    display: block; /* 'convert' <a> to <div> */
   /* border: 1px solid transparent;*/
    padding: 0 0 0 0;
    background-position: center top;
    background-repeat: no-repeat;
    height: 25px;
    width: 30px;
}
.singledownloadicon.enabled
{
    background-image: url('../i/icon_grpActn_0001_download-enabled.png');
}
.singledownloadicon.enabled:hover
{
    background-image: url('../i/icon_grpActn_0000_download-hover-ribbon.png');
}
.clipbinshareicon
{
    font: normal 11px verdana;
    color: #333333;
    display: block; /* 'convert' <a> to <div> */
    padding: 0 0 0 0;
    background-position: center top;
    background-repeat: no-repeat;
    height: 25px;
    width: 30px;
}
.clipbinshareicon.enabled:hover
{
    background-image: url('../i/icon_grpActn_0005_share-hover-ribbon.png');
}
.clipbinshareicon.disabled
{
    background-image: url('../i/icon_grpActn_0004_share-disabled.png');
}
.clipbinshareicon.enabled
{
    background-image: url('../i/icon_grpActn_0003_share-enabled.png');
}
.singleshareicon.enabled
{
    display: block; /* 'convert' <a> to <div> */
    /*border: 1px solid transparent;*/
    padding: 0 0 0 0;
    background-position: center top;
    background-repeat: no-repeat;
    height: 25px;
    width: 30px;
    background-image: url('../i/icon_grpActn_0003_share-enabled.png');
}
.singleshareicon.enabled:hover
{
    background-image: url('../i/icon_grpActn_0005_share-hover-ribbon.png');
}
.clipbinaddtoClipbin
{
    font: normal 11px verdana;
    color: #333333;
    display: block; /* 'convert' <a> to <div> */
    padding: 0 0 0 0;
    background-position: center top;
    background-repeat: no-repeat;
    height: 25px;
    width: 30px;
}
.clipbinaddtoClipbin.enabled:hover
{
    background-image: url('../i/icon_grpActn_0011_add-to-clipbin-ribbon.png');
}
.clipbinaddtoClipbin.enabled
{
    background-image: url('../i/icon_grpActn_0009_add-to-clipbin-enabled.png');
}
.clipbinaddtoClipbin.disabled
{
    background-image: url('../i/icon_grpActn_0010_add-to-clipbin-disabled.png');
}
.singleaddtoClipbin
{
    display: block; /* 'convert' <a> to <div> */
    background-position: center top;
    background-repeat: no-repeat;
    padding: 0 0 0 0;
    height: 25px;
    width: 30px;
}
.singleaddtoClipbin.enabled
{
    background-image: url('../i/icon_grpActn_0009_add-to-clipbin-enabled.png');
}
.singleaddtoClipbin.enabled:hover
{
    background-image: url('../i/icon_grpActn_0011_add-to-clipbin-ribbon.png');
}
.singleaddtoClipbin.alreadyexist
{
    background-image: url('../i/icon_grpActn_0012_add-to-clipbin-already-in-bin.png');
}
.deleteClipbinItems
{
    display: block; /* 'convert' <a> to <div> */
    padding: 0 0 0 0;
    background-position: center top;
    background-repeat: no-repeat;
    height: 25px;
    width: 30px;
}
.deleteClipbinItems.enabled
{
    background-image: url('../i/icon_grpActn_0006_delete-enabled.png');
}
.deleteClipbinItems.enabled:hover
{
    background-image: url('../i/icon_grpActn_0008_delete-hover-ribbon.png');
}
.deleteClipbinItems.disabled
{
    background-image: url('../i/icon_grpActn_0007_delete-disabled.png');
}
.singleDeleteItem
{
    display: block; /* 'convert' <a> to <div> */
    background-position: center top;
    padding: 0 0 0 0;
    background-repeat: no-repeat;
    height: 25px;
    width: 30px;
}
.singleDeleteItem.enabled
{
    background-image: url('../i/icon_grpActn_0006_delete-enabled.png');
}
.singleDeleteItem.enabled:hover
{
    background-image: url('../i/icon_grpActn_0008_delete-hover-ribbon.png');
}
.fullviewaction
{
    font: normal 11px verdana;
    color: #333333;
    display: block; /* 'convert' <a> to <div> */
    padding: 0 0 0 0;
    background-position: center top;
    background-repeat: no-repeat;
    height: 25px;
    width: 30px;
}
.fullviewaction.enabled
{
    background-image: url('../i/icon_grpActn_0013_full-view-enabled.png');
}
.fullviewaction.enabled:hover
{
    background-image: url('../i/icon_grpActn_0015_full-view-hover.png');
}
div.filterddl
{
    font: normal 11px verdana;
    margin: 3px 11px 2px 0;
}
#detailsNav
{
    background: transparent;
    border: none;
}
#detailsNav .ui-widget-header
{
    background: transparent;
    border: none;
    border-bottom: 1px solid #c0c0c0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}
#detailsNav .ui-state-active
{
    border: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    background-color: #1c94d0;
    background-image: url('../i/i_search-result-nav-on.png');
    background-position: center bottom;
    background-repeat: no-repeat;
}
#detailsNav .ui-state-default a
{
    color: #146994;
    text-decoration: none;
}
#detailsNav .ui-state-active a
{
    color: #FFFFFF;
}

#commonTabs
{
    background: transparent;
    border: none;
}
#commonTabs .ui-widget-header
{
    background: transparent;
    border: none;
    border-bottom: 1px solid #c0c0c0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
#commonTabs .ui-state-active
{
    border: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-color: #1c94d0;
    background-image: url('../i/i_search-result-nav-on.png');
    background-position: center bottom;
    background-repeat: no-repeat;
}
#commonTabs .ui-state-default a
{
    color: #1c94d0;
    text-decoration: none;
    cursor: pointer;
}
#commonTabs a:hover
{
    color: #146994;
    text-decoration: none;
    cursor: pointer;
}
#commonTabs .ui-state-active a
{
    color: #FFFFFF;
}
#commonTabs li
{
    cursor: pointer;
    font: normal 15px GoodWeb-Book;
    color: #1c94d0;
    width: 170px;
    height: 22px;
    text-align: center;
    background-color: #ffffff;
    border: none;
    padding: 6px 0 0 0;
}
#commonTabs li a
{
    float: none;
}
#commonTabs .ui-state-disabled a
{
    cursor: default;
}
.commonTabsRequestHistory
{
    padding: 1px 0 0 0;
}
.commonTabsRequestHistory ul
{
    border-bottom: 1px solid silver !important; /*width:843px !important;*/
}

#tablist li
{
    width: 125px;
}

#tablist li.projectnav
{
    margin-left: 49px;
}
.searchFilter
{
    float: left;
    width: 270px;
    margin-left: 10px;
    margin-right: 5px; /*font-size: 14px;*/
    font-size: 11px;
    font-family: Verdana;
    font-weight: normal;
    color: #333333;    
    margin-top:5px;
}
.searchFilter input[type='TEXT'].watermark
{
    color: #999999;
}
.searchFilter input[type='TEXT']
{
    border: 1px solid #bfbfbf;
    font: normal 11px Verdana;
    color: #333333;
    padding: 6px 10px 6px 10px;
    margin: 0 0px 12px 0px;
    width: 11.0em;
}

.searchFilter .category
{
    margin-top: 10px;
    font-weight: normal;
    font-size: 15px;
    font-family: GoodWeb-bold;
    color: #333333;
    padding-bottom: 6px;
    padding-top: 6px;
    margin-bottom: 2px;
    border-bottom: 1px solid #e7e7e7; /*#d2d2d2;*/
}
.searchFilter .count
{
    /*font-weight: normal;*/
    font: normal 15px GoodWeb-book;
    color: #333333;
}
.searchFilter > ul, .searchFilter > div > ul
{
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 0px 2px;
}
.searchFilter > ul ul, .searchFilter > div > ul ul
{
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 18px;
}
.searchFilter ul li
{
    margin: 0px;
    padding: 0 0px 3px 0px;
    line-height: 16px;
}

.searchFilter input[type='checkbox']
{
    margin-left: 0px;
    vertical-align: middle;
    position: relative;
    bottom: 1px; /*     border:none; 	-moz-appearance:none; 	-webkit-appearance:none; 	-o-appearance:none; 	*/
}
.searchFilter .collapsed
{
    display: none;
}
.searchFilter .parentItem
{
    cursor: pointer;
}
.searchFilter .parentItem:hover, .searchFilter .hover
{
    cursor: pointer;
    font-weight: bold;
}
.collapsable
{
    cursor: pointer;
    margin-left:10px;
}
.collapsableCollapsed
{
    display: none;
}

/*-----grid for declare usage----*/

#detailsGrid
{
    background: transparent;
    border-left: 0px solid #cccccc;
    border-right: 1px solid #f4f4f4;
    border-bottom: 0.5px solid #f4f4f4;
    border-top: 1px solid #f4f4f4;
    height: 390px;
}

#subgrid
{
    background: transparent;
    border-left: 1px solid #e8e8e8;
    border-right: 2px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    height: 80px;
}

/* div scroll*/
.scrollingDiv
{
    overflow: scroll;
    overflow-x: hidden;
}

.toolbar
{
    position: fixed;
    width: 100%;
    height: 24px;
    background: #f4f4f4;
    border-bottom: 1px solid #333;
}

.submitbutton
{
    color: white;
    background-color: #afafb0;
}

.textbox
{
    width: 20px;
}

.requestHistoryDownloadNotSelected
{
    float: left;
    padding: 5px 0 0 6px;
}

.requestHistoryDownloadSelected
{
    float: left;
    color: #ffffff;
    background-color: #1c94d0;
    padding: 5px 20px 0px 20px;
    height: 22px;
}


/* General dropdown styles */
.dropdown dd, .dropdown dt, .dropdown ul
{
    margin: 0px;
    padding: 0px;
}
.dropdown dd
{
    position: relative;
}
/* DT styles for sliding doors */
.dropdown dt a
{
    background: #fff url('../i/i_down_lite.gif') no-repeat scroll right center;
    display: block;
    padding-right: 20px;
    width: 90px;
}
.dropdown dt a span
{
    cursor: pointer;
    display: block;
    padding: 5px;
}
/* UL styles */
.dropdown dd ul
{
    background: #f4f4f4 none repeat scroll 0 0;
    display: none;
    list-style: none;
    padding: 5px 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 120px;
    overflow: visible;
}

.dropdown span.value
{
    display: none;
}
.dropdown dd ul li div
{
    padding: 5px;
    display: block;
}

li#lstFilter.dropdown
{
    background-color: #ffffff;
    margin: 0 0 0 4px;
    padding: 0px;
    float: left;
    border: 1px solid #dadada;
}

li#lstFilter.dropdown a
{
    display: block;
    margin: 0;
    padding: 6px 6px 4px 6px;
    width: 168px;
    color: #333333;
}

li#lstFilter.dropdown b.caret
{
    margin: -12px 8px;
    border-top: 4px solid #333333;
    opacity: 0.7;
    float: right;
}

#requestsDiv li#lstFilter.dropdown b.caret
{
    margin: 5px 0 0 0;
}

li#lstFilter.dropdown a:hover, li#lstFilter.dropdown b.caret:hover
{
    color: #333333;
}
#dropdownContainer
{
    width: 240px;
    float: right;
}
#dropdownLabel
{
    float: left;
    padding: 5px 3px 0 0;
}
#dropdownControl
{
    float: left;
    position: relative;
}
#dropdownControl ul.dropdown-menu li:hover, #dropdownControl ul.dropdown-menu li a:hover
{
    background-color: #e6e6e6;
}
#dropdownControl ul.dropdown-menu li a, #dropdownControl ul.dropdown-menu li a:hover
{
    color: #1c94d0;
}
#dropdownControl li.non-selected
{
    padding: 6px 0 8px 6px;
    color: #a0a0a0;
}
#dropdownControl ul.dropdown-menu li.non-selected:hover
{
    background-color: #ffffff;
}
#dropdownControl ul.dropdown-menu
{
    -webkit-border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    -webkit-box-shadow: 0px 0px 0px 0px;
    -moz-box-shadow: 0px 0px 0px 0px;
    box-shadow: 0px 0px 0px 0px;
    -webkit-background-clip: none;
    -moz-background-clip: none;
    background-clip: none;
}
.cliipbinpad
{
    float: left;
    text-align: left;
    height: 23px;
}

.breadcrumb
{
    display: inline;
    float: left;
    position: relative;
    padding-left: 12px;
    line-height: 35px;
    margin-bottom: 5px;
}

.breadcrumb .item
{
    float: left;
    padding-right: 5px;
}

.breadcrumb .remove
{
    /*font-size: 12px;*/
    margin-left: 3px;
    padding: 0 0 0 0;
    color: #5A5959; /*opacity: 0.5;*/
}

.breadcrumb .remove .x
{
    font-size: 16px;
    font-weight: bold;
    padding-right: 1px;
    opacity: 1.0;
}

.breadcrumb .remove .x:hover
{
    text-decoration: none;
    cursor: pointer;
}
/*Decalre Usage buttons*/

.declarebuttons
{
    float: right;
    line-height: 40px;
    padding: 0px;
    font-size: 16px;
    margin: 9px 0 32px 2px;
}

.declarebuttons .declarebutton
{
    opacity: 0.2;
    cursor: default;
}
.declarebuttons .cancel
{
    background-color: #afafb0;
    cursor: pointer;
}
.declarebuttons .declarebutton, .declarebuttons .cancel
{
    color: #FFFFFF;
    background-color: #afafb0; /*margin-top: 0px;*/
    display: inline-block;
    line-height: 23px;
    font-size: 16px;
    cursor: pointer; /*  padding: 0 20px 0 20px; */
    padding: 5px 28px 5px 28px;
    font-family: GoodWeb-Book, Verdana, Arial, Helvetica, sans-serif;
}

.declarebuttons .cancel:hover
{
    background-color: #666666;
    cursor: pointer;
}
/* end*/

.searchBar
{
    width: 683px;
    float: right;
    border: 1px solid #cccccc;
}

.searchDateFilter label
{
    display: inline-block;
    text-align: left;
    font: normal 11px Verdana;
    color: #333333;
    margin: 0;
    padding: 0 0 0 0px;
     margin-left:10px;
    width: 70px;
}

.searchDateFilter .filter
{
    margin-top: 10px;
}

.searchFilter .button
{
    display: inline-block;
    line-height: 25px;
    padding: 8px;
    margin: 3px 0px 0px 1px;
    text-align: center;
    font: normal 15px GoodWeb-Book;
    color: #FFFFFF;
    width: 4em;
    background-color: #1c94d0; /* #d9d9d9;*/
}

.searchFilter .button:hover
{
    background-color: #146994;
    cursor: pointer;
}

.searchFilter .applybutton
{
    display: inline-block;
    line-height: 25px;
    padding: 8px;
    margin: 3px 0px 0px 1px;
    text-align: center;
    font: normal 15px GoodWeb-Book;
    color: #FFFFFF;
    width: 4em;
    background-color: #D9D9D9; /* #d9d9d9;*/
}
.searchFilter .applybutton:hover
{
    background-color: #146994;
    cursor: pointer;
}

.searchFilter .clear-link
{
   font:normal 11px Verdana;
   color:#1c94d0;   
}

.searchFilter .clear-link:hover
{
    color: #146994;
    cursor: pointer;
}

.submitbutton
{
    margin-top: 5px;
    display: inline-block;
    padding: 0 20px 0 20px;
    line-height: 23px;
    background-color: #1c94d0;
    color: #FFF;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
}

.declarebuttons
{
    float: right;
}

#submitProjectDialog .top
{
    background-image: url('../i/bg_modal_top_submit.png');
    background-position: top;
    background-repeat: no-repeat;
}

.footer
{
    height: 200px;
    width: 764px;
}
/*home page style*/
.homeworkspace
{
    margin: 0;
    padding: 0 0 0 0;
    background-color: #E0DED8; /* The Fallback for ie8*/
    border-bottom: 10px solid #F8F7F5; /* The Fallback for ie8*/
    border-top: 10px solid #F8F7F5; /* The Fallback for ie8*/
    filter: alpha(opacity=85); /* The Fallback for ie8*/
    border-bottom: 10px solid rgba(253, 253, 253, 0.7);
    border-top: 10px solid rgba(253, 253, 253, 0.7);
    border-left: 0;
    border-right: 0;
    background-color: rgba(255, 255, 255,0.35);
    padding: 0 0px 0 0px;
    margin: 5px 0 52px 0;
    font: normal 12px Verdana;
    color: #333333;
    height: auto;
    padding: 0 10px 0 10px;
}
.detailtable
{
    padding: 10px 0 10px 0;
    background-image: url('../i/bg_ptn_dotLine.png');
    background-repeat: repeat-x;
    background-position: bottom;
    padding: 18px 0 20px 10px;
}
.detailtable a
{
    font-family: Verdana;
    color: #1c94d0;
    font-size: 16px;
    font-weight: bold;
}
.detailtable a:hover
{
    color: #146994;
}
.detailtable span
{
    font-family: Verdana;
    color: #333333;
    font-size: 12px;
}

.maindescription
{
    font-size: 24px;
    text-transform: uppercase;
    font-family: GoodWeb-Book;
    color: #333333;
    margin: 5px 0 0 0;
    padding: 0 30px 0 0;
}
.maindescription strong
{
    vertical-align: bottom;
    font-weight: bolder;
}
.description
{
    font-size: 18px;
    text-transform: none;
    color: #626262;
}
.signindottedline
{
    padding-bottom: 4px;
    color: #333333;
    border-bottom: 3px solid #D2D2D2;
    background-color: #FFFFFF;
}
a.contactus
{
    cursor: pointer;
    background-color: #daa520;
    color: #FFFFFF;
    border: 0;
    padding: 10px 36px 10px 36px;
    margin: 0;
    width: 113px;
    font-size: 16px;
}
form#loginForm input[type="submit"]
{
    cursor: pointer;
    background-color: #1c94d0;
    color: #FFFFFF;
    border: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0;
    width: 113px;
    font-size: 16px;
}

form#loginForm input[type="submit"]:hover
{
    background-color: #146994;
}

#registerButtonDiv
{
    float: right;
    margin: 9px 0 0 0;
}

#registerButtonDiv a:hover
{
    background-color: #d19600;
}

#forgotPasswordDiv
{
    padding: 0 0 3px 0;
    color: #1C94d0;
    font-size: 11px;
}

#forgotPasswordDiv label:hover
{
    color: #146994;
}

.addprojectbtn
{
    margin-top: 0px;
    display: inline-block;
    padding: 6px 10px 6px 10px;
    line-height: 23px;
    background-color: #1c94d0;
    color: #FFFFFF;
    font: normal 14px GoodWeb-Book;
    text-align: center;
    cursor: pointer;
    margin-right: 8px;
}
.metadata
{
    display: inline;
    float: left;
    position: relative;
    margin-left: 8px;
    margin-right: 8px;
    width: 552px;
}

#video .carouselNavigaton .previous
{
    margin-right: 5px;
}
#video .carouselNavigaton .next
{
    margin-left: 5px;
}
/*Login css*/
#featured .login
{
    background-color: #FFFFFF;
    height: 390px;
}
#uppersection
{
    color: #333333;
    background-color: #FFFFFF;
    background-image: url('../i/bg_ptn_dotLine.png');
    background-repeat: repeat-x;
    background-position: bottom;
}
.loginsection
{
    margin-left: 90px;
    width: 255px;
    height: 195px;
}

.loginsection h1
{
    font: normal 22px GoodWeb-Book;
    padding: 5px 0 12px 0;
    border-bottom: 4px solid #edebe7;
}

.textsection
{
    text-align: left;
    line-height: 120%;
    padding-bottom: 2px;
    font: normal 11px Verdana;
}
.floatright
{
    float: right;
}
.itemspace
{
    line-height: 10px;
    height: 10px;
}
.floatleft
{
    float: left;
}
#lowersection
{
    color: #333333;
    background-color: #FFFFFF;
    padding-bottom: 20px;
}
.infosection
{
    margin-left: 90px;
    width: 255px;
}

.infosection h1
{
    font: normal 22px GoodWeb-Book;
    padding: 5px 0 12px 0;
    border-bottom: 4px solid #edebe7;
}

.hometext
{ font-weight:normal;
    font-family: GoodWeb-Bold, Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
}
.topHeader
{
    font-family: GoodWeb-Book, Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-style:normal;
    margin: 0 0 0 24px;
    padding: 0 5px 0 0;
}
.lowerheader
{
    /* color:#e5e0d6;	*/
    font: normal 14px GoodWeb-Bold, Verdana, Arial, Helvetica, sans-serif;
    margin: 0 0 12px 24px;
    padding: 0 3px 0 0;
    text-transform: uppercase;
    float: right;
    width: 540px;
}
#details .metaDataDetails.list > ul
{
    list-style-type: none;
    margin: 0px 0px 0px 15px;
    padding: 0px;
}
#details .metaDataDetails.list > ul ul
{
    list-style-type: none;
    margin: 0px 0px 0px 25px;
    padding: 0px;
}
#details .metaDataDetails.list li
{
    margin: 5px 0px 5px 0px;
    padding: 0px;
}
#details .metaDataDetails.list .projectName
{
    font-weight: bold;
    font-size: 14px;
    color: #1c94d0;
}
#details .metaDataDetails.list .projectName:hover
{
    color: #144994;
}

#details .metaDataDetails.list li span
{
    display: inline-block;
    padding-right: 5px;
}
/*logout header*/
div .loginheader
{
    /* 	color: #FFF; 	font-family: GoodWeb-Book; 	font-size:18px; 	font-variant:normal; 	Padding: 15px 0 10px 0; 	Text-align: right; 	*/
    color: #FFF;
    font: normal 18px GoodWeb-Book, Verdana, Arial, Helvetica, sans-serif;
    padding: 15px 0 10px 0;
    text-align: right;
}
.textAlign
{
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
}
.topheaderaction
{
    float: right;
    padding-left: 10px;
    color: #FFF;
    cursor: pointer;
    font-size: 12px;
    margin-right: 0px;
}
/*project page*/
.projectbuttons
{
    float: left;
    line-height: 10px;
    padding: 0px;
    margin-right: 3px;
    font-size: 12px;
}

.projectbuttons .add
{
    color: Black;
    background-color: #FFFFFF;
    margin-top: 0px;
    display: inline-block;
    line-height: 23px;
    font-size: 12px;
    cursor: pointer;
    padding: 0 20px 0 20px;
}

/*end*/
#EntitlementDialog .top
{
    background-image: url('../i/bg_modal_top.png');
    background-position: top;
    background-repeat: no-repeat;
}

/* partner */

.partners .partner-group
{
    clear: both;
    overflow: auto;
    padding-bottom: 20px;
    width: 900px;
}

.partners h2
{
    font-size: 1.72em;
}

.partners .partner-widget H2
{
    clear: both;
    color: #FFF;
}

.partners .partner-group H2
{
    margin-bottom: 0;
}
.partners .partner-widget-col
{
    float: left;
    width: 33%;
}

.partners .partner-widget
{
    margin-right: 25px;
}

.partners .partner-widget .partner-logo
{
    font-size: 0; /*height: 100px;     padding:20px 0 5px 0;*/
    margin: 25px 0 10px 0;
    white-space: nowrap;
}

.partner-logo .blank-image
{
    height: 120px;
    width: 1px;
}

EM
{
    color: #999999;
    font-style: normal;
    font-weight: bold;
}

p
{
    color: #333333;
    margin: 0 0 10px;
    padding: 0;
}

.partners a
{
    color: #CC6600;
    outline: medium none;
    text-decoration: none;
}

img
{
    border: 0 none;
}

.eye-icon IMG
{
    background-position: -43px 0;
}

.eye-icon img
{
    background-image: url("../i/partner/sprite.png");
    height: 16px;
    margin-bottom: -4px;
    margin-right: 3px;
    vertical-align: text-bottom;
    width: 16px;
    color: #FFA500;
}

.right-icon IMG
{
    background-position: -73px -90px;
}

.clear
{
    clear: both;
}

.frontsBorder
{
    padding-top: 8px;
    padding-left: 8px;
    padding-right: 8px;
    height: 500px;
}

.splash_video
{
    float: left;
    margin-right: 18px;
    padding: 0;
    margin-top: 27px;
}
.frontsBorder .front-bar
{
    overflow: auto;
}
.frontsBorder .front-bar .viewAll
{
    float: right;
    line-height: 2.38em;
    margin-right: 32px;
}



.frontsBorder .front-rows-two .frontsResults
{
    height: 400px;
    width: 700px;
}

.frontsBorder .front-bar .frontsResults
{
    clear: left;
    margin-bottom: 10px;
    overflow: hidden;
}

.showAction_events .displayMode_brief .photoCell, .showAction_events .displayMode_standard .photoCell, .showAction_events .displayMode_full .photoCell
{
    padding: 0;
}

.displayMode_brief .photoCell, .displayMode_standard .photoCell, .displayMode_tiny .photoCell
{
    float: left;
    margin-left: 9px;
    margin-top: 9px;
    padding: 0 5px;
    width: 138px;
}

.photoCell
{
    padding-bottom: 4px;
    padding-top: 4px;
}

.photoCell, .photoCell LABEL
{
}

.photoCell
{
    display: block;
    margin: 0;
    padding: 0;
}

FIELDSET, LABEL, .x-tree-node
{
    font-family: Verdana,Helvetica,Arial,Sans-serif,Geneva;
}

FIELDSET
{
    border: medium none;
    margin: 0;
    padding: 0;
}

.normalSize
{
    background-image: url("/images/hit_bg_large.gif");
    padding: 3px 4px 4px 3px;
}

.normalSize, .normalSize IMG
{
    height: 96px;
    width: 128px;
}

.photoImage
{
    background-color: Transparent;
    background-image: url("/images/hit_bg.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
}

.photoImage, .photoImage IMG, IMG.imgSize, .imageSize
{
    height: 70px;
    text-align: center;
    width: 90px;
}

.photoImage
{
    border-collapse: collapse;
    clear: left;
    float: left;
    margin: 0;
    padding: 4px;
    text-align: center;
    vertical-align: middle;
}

.displayMode_brief .photoCell .eventname
{
    height: 45px;
}

.displayMode_brief .photoCell .text
{
    clear: both;
    overflow: hidden;
    width: 138px;
}

.eventname .count
{
    color: #AAAAAA;
    margin-left: 4px;
}

STRONG, .strong
{
    color: #666666;
    font-weight: bold;
}

.partner-fronts-page .carousel
{
    display: none;
}

.carousel
{
    height: auto;
    margin-bottom: 0;
}

.splash-media-bar
{
    margin: 10px 0;
    overflow: hidden;
    padding: 0 8px;
}


/* Registration modal dialog styles*/
#confirmDialog .top
{
    /*height: 37px;*/
}
#confirmDialog .content
{
    /* background-image: url('../i/bg_modal_middle_generic.png');     background-repeat: repeat-y;     margin: 0 0 0 2px;*/
}
#confirmDialog .bottom
{
    /*     height: 34px;     background-image: url('../i/bg_modal_bottom_generic.png');     margin: 0 0 0 1px; 	*/
}
.registrationInputLine
{
    clear: both;
    padding: 0 0 4px 0;
}

.commonForm input
{
    -webkit-appearance: none;
    border: 1px solid #cccccc;
}

.commonForm input[type=text]
{
    font: normal 12px Verdana;
    color: #333333;
    padding: 6px 3px 6px 6px;
    margin: 0 6px 3px 6px;
    width: 200px;
}

#termsOfUseDiv
{
    float: left;
    width: 500px;
    height: 100px;
    font: normal 12px Verdana;
    padding: 0px 0px 10px 12px;
}

.commonForm input[type=password]
{
    font: normal 12px Verdana;
    color: #333333;
    padding: 6px 3px 6px 6px;
    margin: 0 6px 3px 6px;
    width: 200px;
}

.commonForm input[type=checkbox]
{
    font: normal 12px Verdana;
    margin: 7px 6px 0px 6px;
    -webkit-appearance: checkbox;
}

.commonForm select
{
    font: normal 12px Verdana;
    color: #333333;
    padding: 2px 3px 2px 6px;
    margin: 0 6px 3px 6px;
    width: 213px;
}

.registrationInputField
{
    float: left;
    padding: 0px 0px 0px 12px;
}

.formSubmitButton
{
    line-height: 30px;
    padding: 0 30px;
    margin-right: 1px;
    font-size: 16px;
    font: GoodWeb-Book, Verdana, Arial, Helvetica;
    color: #FFFFFF;
    background-color: #028fed;
    cursor: pointer;
    outline: none;
    border: 0;
    height: 30px;
}
.registrationRequiredField
{
    color: #ff6666;
    font: normal 12px Verdana;
    font-weight: bold;
    margin-left: 3px;
}
.registrationLabel
{
    font: normal 12px Verdana;
    text-align: right;
    padding: 5px 0 0 0;
    float: left;
    width: 150px;
}

.confirmLabel
{
    font-weight: bold;
    width: 140px;
    text-align: right;
    float: left;
}

/* Disable Firefox highlighting dotted outline around buttons */
:focus
{
    outline: none;
}
::-moz-focus-inner
{
    border: 0;
}

/**************************compilations*****************************************************/
.packages
{
    padding-bottom: 1px;
    background-image: url('../i/bg_ptn_dotLine.png');
    background-repeat: repeat-x;
    background-position: bottom;
    padding-left: 10px;
    padding-top: 5px;
}

.splash .topics-nav
{
    margin-right: 0;
}

.splash .left-col
{
    float: left;
    margin-right: 30px;
    width: 200px;
}

.splash .leftborder
{
    /* border-right: 0.5px dotted Gray;*/
}

.topics-nav
{
}
.topics-nav .all-topics
{
}
.topics-nav .x-tree
{
    margin-top: 20px;
}

.x-tree-root-ct, .x-tree-node-ct
{
    margin: 0;
    padding: 0;
}
.x-tree-root-ct, .x-tree-root-ct LI
{
    list-style-image: none;
    list-style-type: none;
}
OL, UL
{
    margin-bottom: 8px;
}
UL
{
    margin-bottom: 12px;
    margin-top: 12px;
}
UL, OL
{
    margin-left: 15px;
    padding-left: 0;
}
.x-tree-root-ct, .x-tree-root-ct LI
{
    list-style-image: none;
    list-style-type: none;
}
.x-tree-root-ct, .x-tree-root-ct LI
{
    list-style-image: none;
    list-style-type: none;
}
.x-tree-node, .ext-ie .x-tree-node, .ext-ie ul.x-tree-node-ct
{
    color: #666666;
    font-size: 1em;
}

.x-tree-node
{
    color: black;
    font: 11px arial,tahoma,helvetica,sans-serif; /*white-space: nowrap;*/
}
LI
{
    line-height: 1.5em;
}

.x-tree-node-el
{
    cursor: pointer;
    line-height: 18px;
}
.x-unselectable, .x-unselectable *
{
    -moz-user-select: none;
}

.x-unselectable, .x-unselectable *
{
    -moz-user-select: none;
}

.x-tree-arrows .x-tree-elbow
{
    background: none repeat scroll 0 0 transparent;
}

.x-tree-no-lines .x-tree-elbow
{
    background: none repeat scroll 0 0 transparent;
}

.x-tree-icon, .x-tree-ec-icon, .x-tree-elbow-line, .x-tree-elbow, .x-tree-elbow-end, .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus
{
    background-repeat: no-repeat;
    border: 0 none;
    height: 18px;
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 16px;
}
.x-tree-icon, .x-tree-ec-icon, .x-tree-elbow-line, .x-tree-elbow, .x-tree-elbow-end, .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus
{
    background-repeat: no-repeat;
    border: 0 none;
    height: 18px;
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 16px;
}
.x-unselectable, .x-unselectable *
{
    -moz-user-select: none;
}
IMG
{
    border: medium none;
}
IMG
{
    border: medium none;
}

.x-tree-root-ct li a
{
    margin-left: 2px;
    margin-right: 3px;
}

.x-tree-node a, .x-dd-drag-ghost a
{
    -moz-user-focus: normal;
    -moz-user-select: none;
    outline: 0 none;
}

.x-unselectable, .x-unselectable *
{
    -moz-user-select: none;
}

.x-tree-node a span
{
    padding-left: 0;
    padding-right: 0;
}

.x-tree-node a span, .x-dd-drag-ghost a span
{
    padding: 1px 3px 1px 2px;
}

.x-unselectable, .x-unselectable *
{
    -moz-user-select: none;
}

#showcaseDiv
{
    margin-left: 25px;
}

.splash .body-col, .splash .body-col-indent
{
    margin-left: 225px;
}



.categories .category-group
{
    clear: both;
    overflow: auto;
    padding-bottom: 2px;
}
.categories .category-widget-col
{
    float: left;
    width: 30%;
}

.categories .category-widget
{
    margin-right: 2px;
    margin-left: 3px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.categories .category-widget a
{
    color: #FFF;
    font-size: 12px;
}
/* compilation carsol*/

.categories .title
{
    font: normal;
    font-family: GoodWeb-Bold, Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    margin: 0px;
    padding: 0 2px 0 0px;
   /* position: relative;
    vertical-align: top;
    float: left;*/
}

.categories .viewall
{
    font-size: 11px;
    font-family: Verdana;
    color: #1c94d0;
   /* margin-top: 12px;
    bottom: 0;
    vertical-align: bottom;
    float: left;*/
}

.categories .viewall a
{
    padding-top: 7px;
}

.viewall a:hover
{
    color: #146994;
}
.categories .title a
{
    color: Black;
}
.categories .title a:hover
{
    color: #1c94d0;
}
.categories .shotListThumbs
{
    height: 130px;
    width: 740px;
    margin: 3px 0 0 0;
}
.categories .carouselContent .item .actionlinks
{
    font-family: Verdana;
    font-size: 11px;
    padding: 0 0 13px 10px;
    color: #1c94d0;
}
.categories .carouselContent .item .actionlinks:hover
{
    color: #146994;
}
.categories .shotListThumbs .thumbnail
{
    height: 106px;
    width: 190px;
    padding: 0 0 0px 0;
}

.categories .shotListThumbs .row
{
    position: relative;
    display: inline;
    float: left;
    margin-left: 0px;
    margin-right: 0px;
    width: 840px;
}
.categories .carousel, .categories .carouselLeftNavigaton, .categories .carouselRightNavigaton
{
    float: left;
    height: 130px;
}
.categories .carouselLeftNavigaton, .categories .carouselRightNavigaton
{
    cursor: pointer;
}
.categories .carousel
{
    width: 700px;
}
.categories .carouselLeftNavigaton
{
    width: 20px;
    background-image: url('../i/gp_arrow_carousel_left.png');
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    background-color: #C0C0C0;
}
.categories .carouselRightNavigaton
{
    width: 20px;
    background-image: url('../i/gp_arrow_carousel_right.png');
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    background-color: #C0C0C0;
}
.categories .thumbGroup
{
    float: left;
    height: 130px;
}
.categories .carouselNavigaton
{
    text-align: center;
    background-color: #FFFFFF;
    padding: 0px 0 0px 0;
}

.categories .carouselContent .item
{
    float: left;
    text-align: center;
    padding-right: 24px;
}

.categories .carouselContent .item .icon
{
    width: 22px;
    height: 15px;
    margin: 0px;
    padding: 0 10px 15px 0;
    line-height: 18px;
}

.categories .carouselContent .item .clipreeltitle
{
    font-family: Verdana;
    font-size: 11px;
    color: #1c94d0;
    padding: 3px 0 0 0;
    line-height: 14px;
}

.categories .carouselContent .item .clipreeltitle:hover
{
    color: #146994;
}
.categories .carouselContent .item .detail
{
    font-size: 11px;
    font-family: Verdana;
    color: #333333;
    padding: 0 0 5px 0;
}

.section.button .ViewAll
{
    font-size: 18px;
    font-family: GoodWeb-Book, Verdana, Arial, Helvetica, sans-serif;
    padding: 8px;
    width: 8em;
    background-color: #b6b6ab;
}

.homecategory .categories .carousel, .categories .carouselLeftNavigaton, .categories .carouselRightNavigaton
{
    width: 1073px;
    height: 235px;
}


.homecategory .categories .shotListThumbs
{
    height: 235px;
    width: 1073px;
}

.homecategory .categories
{
    background-color: #FFFEFE;
    background-image: url("../i/bg-resultItem-shadowLip-bot.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    margin: 0;
    padding-bottom: 5px;
}

.bitmapimage IMG
{
    background-position: -90px -337px;
}

.bitmapimage img
{
    background-image: url("../i/partner/sprite.png");
    height: 16px;
    margin-bottom: -4px;
    margin-right: 3px;
    vertical-align: text-bottom;
    width: 16px;
    color: #FFA500;
}
#main .categorybutton
{
    font-size: 16px;
    font-family: GoodWeb-Book, Verdana, Arial, Helvetica, sans-serif;
    padding: 8px;
    width: 8em;
    background-color: #b6b6ab;
    text-transform: uppercase;
}
#main .categorybutton:hover
{
    background-color: #666666;
}
#partnersection .categories .carousel, .categories .carouselLeftNavigaton, .categories .carouselRightNavigaton
{
    width: 858px;
    height: 235px;
}
#partnersection .categories .shotListThumbs
{
    height: 235px;
    width: 858px;
}
#categorysection .categories .carousel, .categories .carouselLeftNavigaton, .categories .carouselRightNavigaton
{
    width: 858px;
    height: 235px;
}
#categorysection .categories .shotListThumbs
{
    height: 235px;
    width: 858px;
}
#compilationsection .categories .carousel, .categories .carouselLeftNavigaton, .categories .carouselRightNavigaton
{
    height: 235px;
    width: 1072px;
}

#compilationsection .categories .shotListThumbs
{
    height: 235px;
    width: 1074px;
}


.categories .carouselContent .item .taskInClipbin
{
    background-color: #FAECBF;
    color: #1C94D0;
    cursor: pointer;
}

#partnersection .carouselContent
{
    position: relative;
    width: 20000px;
}

#categorysection .carouselContent
{
    position: relative;
    width: 20000px;
}

#compilationsection .carouselContent
{
    position: relative;
    width: 20000px;
}
.maincontent .partnertitle
{
    font-size: 48px;
    font-family: GoodWeb-bold, Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    text-transform: uppercase;
    margin: 0;
    line-height: 48px;
    padding: 14px 0 10px 0;
}
.maincontent .subtitlecontent
{
    color: #333333;
    font-size: 29px;
    font-family: Georgia,Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0 0 10px 0;
}
.maincontent .partnercontent
{
    font-size: 15px;
    font-family: Georgia;
    color: #333333;
    margin: 0px;
    line-height: 23px;
    padding: 0 0 10px 0;
}
.maincontent p
{
    color: #333333;
}
/*********end compilation*********************/

#requestsDiv label
{
    font-size: 12pt;
    font-family: GoodWeb-CondBook, Verdana, Arial, Helvetica, sans-serif;
    color: #5a5959;
}

#myRequestProjects .category
{
    margin-top: 0px;
    font-weight: normal;
    font-size: 15px;
    font-family: GoodWeb-bold;
    color: #333;
    padding-bottom: 8px;
    padding-top: 6px;
    margin-bottom: 2px;
    border-bottom: 1px solid #E7E7E7;
    text-align: left;
}

.uiDropDownDiv
{
    margin-top: 4px;
    text-align: left;
}
.uiDropDownDiv .ui-corner-all
{
-moz-border-radius: 0px /*{cornerRadius}*/;
    -webkit-border-radius: 0px /*{cornerRadius}*/;
    border-radius: 0px /*{cornerRadius}*/;
}
.uiDropDownDiv .ui-corner-top
{
    -moz-border-radius-topleft: 0px /*{cornerRadius}*/;
    -webkit-border-top-left-radius: 0px /*{cornerRadius}*/;
    border-top-left-radius: 0px /*{cornerRadius}*/;
    -moz-border-radius-topright: 0px /*{cornerRadius}*/;
    -webkit-border-top-right-radius: 0px /*{cornerRadius}*/;
    border-top-right-radius: 0px /*{cornerRadius}*/;
}

/**********modal dialog custom*************/
.modalClose
{
    /*font: normal 34px ‘Goold Comp-book’*/
    font-family: GoodWeb-bold;
    font-weight: normal;
    float: left;
    font-size: 34px; /*font-weight: bold;*/
    line-height: 35px;
    padding: 0 3px 0 0;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}
.modalClose:hover
{
    color: #000000;
    text-decoration: none;
    opacity: 0.4;
    filter: alpha(opacity=40);
    cursor: pointer;
}
.x-tree-node .node
{
    color: #333;
}
#PackageDialog
{
    /*background-color: #565051;*/
    display: none; /* Hide the DIV */
    position: absolute; /*   _position:absolute; hack for internet explorer 6 */
    height: 164px;
    width: 580px;
    background: rgb(87, 86, 84);
    background: transparent\9;
    background: rgba(87, 86, 84, 0.86);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DB575654,endColorstr=#DB575654);
    zoom: 1;
    line-height: 16px;
    left: auto;
    right: 110px;
    top: 62px;
    z-index: 100; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */
    margin-left: 0px; /* additional features, can be omitted */
    padding: 15px; /*   -moz-box-shadow: 0 0 5px #413839;     -webkit-box-shadow: 0 0 5px #413839;     box-shadow: 0 0 5px #413839; */
    font-size: 14px;
    font-family: GoodWeb-Book, Verdana, Arial, Helvetica, sans-serif;
    text-transform: none;
}
#PackageDialog:nth-child(n)
{
    filter: none;
}
.gbmac
{
    boarder-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-width: 0px;
    border-right-width: 10px;
    border-bottom-width: 10px;
    border-left-width: 10px;
    border-top-style: dashed;
    border-right-style: dashed;
    border-bottom-style: solid;
    border-left-style: dashed;
    display: inline-block;
    position: absolute;
    z-index: 1;
    cursor: default;
    border-bottom-color: #413839;
    left: 32%;
    top: 60px;
    visibility: hidden;
}
/*search details page*/
.searchdetail
{
    font-family: 'GoodWeb-Book';
}

/*compilation design*/
.bodycopy
{
    font: normal #333333;
    font-size: 15px;
    font-family: Georgia;
    margin: 0px;
    padding: 0 0 30px 0;
}
h3.header1paging
{
    font-size: 12px;
    font-family: Verdana;
    color: #333333;
    margin: 0;
    font-weight: normal;
    padding: 0px 22px 0 0;
}

p.paginationheader2
{
    font-size: 12px;
    font-family: Verdana;
    color: #028fed;
}

#main .grid_16.add-padding
{
    margin-bottom: 30px;
}


/* All Partners Styles*/
.allpartners
{
    font-family: Georgia,serif;
    font-size: 16px;
    padding: 3em 6em 2.45em 2.45em;
}
#main.content .allpartners h1
{
    font-family: GoodWeb-Bold, "Arial Narrow Bold" , "Arial Narrow" ,Trebuchet,Arial,sans-serif;
     font-weight:normal;
    font-size: 3.25em;
    text-transform: uppercase;
    margin: 0 0 14px;
}
.allpartners p
{
    line-height: 1.45em;
    margin: 0 0 15px;
}
.partners .partner-widget h3
{
    font-family: GoodWeb-CondBold, "Arial Narrow Bold" , "Arial Bold" , "Arial Narrow" ,Trebuchet,Arial,sans-serif;
    clear: both;
    line-height: 1.2em;
    margin: 12px 0 4px;
    text-transform: uppercase;
    font-size: 24px;
    color: #333333;
    font-weight:normal;
}
.partners .partner-widget h4
{
    font-family: Georgia,serif;
    font-size: 15px;
    font-weight: bold;
    color: #333333;
}
.partners .partner-widget p
{
    font-family: Georgia,Verdana,Arial,Helvetica,sans-serif;
    font-size: 14px;
    margin: 0.6em 0 1em;
}
.partners .partner-widget a
{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 14px;
    text-align: left;
    color: #1C94D0;
}

.partners .partner-widget a:hover
{
    color: #146994;
}


/* project declare usage*/
.declareusagecontent
{
    font-size: 11px;
    color: #333333;
    padding-bottom: 8px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}

.declareusagegrid .steps
{
    font-size: 18px;
    font-family: GoodWeb-Bold, Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    padding-top: 15px;
    padding-bottom: 10px;
}
.declareusagegrid .headercontent
{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    color: #333333;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 0 2px 0;
}
.declareusagegrid .title
{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    color: #1c94d0;
    font-size: 16px;
    font-weight: bold;
    vertical-align: top;
}
.declareusagegrid .sdhdlogo
{
    vertical-align: bottom;
    padding-right: 7px;
}
.declareusagegrid .details
{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    color: #333333;
    font-size: 11px;
    padding-bottom: 3px;
}
.declareusagegrid .label
{
    font-weight: bold;
    color: #666666;
}
.declareusagegrid .folderItem
{
    padding: 20px 0 20px 0;
}
.declareusagegrid .totalusage
{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    float: right;
}
.declareusagegrid .thumbnail
{
    margin-left: 8px;
}

.declrationvidogrid
{
    width: 765px;
    border-left: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    height: 414px;
}
.footageItems
{
    float: left;
    width: 100%;
    vertical-align: top;
    padding: 15px 0 15px 5px;
}
.folderItem .imageDiv
{
    float: left;
    vertical-align: top;
    margin-left: 14px;
    margin-right: 0px;
}
#tabDownloads .folderItem
{
    margin-bottom: 20px;
    font: normal 11px Verdana;
    color: #333333;
}
#tabDownloads .folderItem .title
{
    padding: 0px;
}
#tabDownloads .details
{
    width: 300px;
}
#tabDownloads .details .title a
{
    /*vertical-align: text-top;*/
    line-height: 0.9em;
}
#tabDownloads .rightPanel, #tabLicenses .rightPanel, #tabDeclarations .rightPanel, #mydealsDiv .rightPanel
{
    float: right;
    font: bold 11px Verdana;
    color: #333333;
    margin-right: 0;
    width: 150px;
}
#tabDownloads .footage-details div
{
    margin: 2px 0 2px 0;
    line-height: 1.4em;
}
#tabPlaceholder
{
    padding: 0px;
}
#tabLicenses span.title, #tabDeclarations span.title
{
    font: bold 16px Verdana;
    color: #333333;
    padding: 0;
    line-height: 0.9em;
    vertical-align: top;
}
#tabLicenses .item-license, #tabDeclarations .item-declaration
{
    float: left;
    width: 100%;
    vertical-align: top;
    padding: 15px 0 15px 5px;
    border-bottom: 1px dotted #808080;
    font: normal 11px Verdana;
    color: #333333;
}

#tabLicenses .highlighted
{
    margin: 0 0 0 0;
    background-color: #fedfdf;
}
    
#tabLicenses .license-details, #tabDeclarations .declaration-details
{
    margin-top: 5px;
}
.license-details div, .declaration-details div
{
    padding-bottom: 6px;
}
.deals-detail div
{
     padding-bottom:4px;
}
.item-license .label, .item-declaration .label
{
    font-weight: bold;
    color: #666666;
}


/* compilation UI Fix*/
.clipreelsearchResultActions
{
    background-color: #E8E8E8;
    line-height: 34px;
    color: #333333;
    width: 840px;
    margin: 0px 10px 12px 0;
    padding-right: 11px;
    font-size: 10px;
    font-family: Verdana;
}
.clipreelsearchResultActions .sort
{
    float: right;
}
.CategoryleftNav
{
      /* margin-top: 28px;*/
}
#topright .activemenu > a
{
    color: #ECB200;
}
#topright a.activemenu
{
    color: #ECB200;
}


#TopLogoContainer
{
    position: relative;
    z-index: 1000;
    background: url('../i/logoShadow.png') left bottom no-repeat;
    width: 160px;
    height: 63px;
    margin-left: -40px;
    padding-left: 40px;
    margin-bottom: 24px;
}
#searchallFilterDialog .content .form div > ul
{
    list-style-type: none;
}
#searchallFilterDialog .content .form div > ul ul
{
    list-style-type: none;
}
#searchallFilterDialog .categories .category-widget-col
{
    float: left;
    width: 50%;
}
#searchallFilterDialog .categories .category-widget
{
    margin: 0 2px 0 3px;
}
#searchallFilterDialog .pagelinks ul li
{
    list-style: none;
    display: inline;
    margin-left: 20px;
}
#searchallFilterDialog .pagelinks ul li.currentPage a
{
    color: #333333;
}
#searchallFilterDialog .pager ul li.currentPage a
{
    color: #333333;
}
#searchallFilterDialog .pager ul li
{
    list-style: none;
    display: inline;
    margin-left: 20px;
}

/* Custom Crossbrowser Styling for Checkboxes and Radio Buttons - remove if we do not implement */
.skinned-form-controls input[type="checkbox"], .skinned-form-controls input[type="radio"]
{
    position: absolute;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
}

/* prevent the entire page from scrolling if there is overflow and checkbox or radio button are clicked */
.skinned-form-controls label
{
    position: relative;
}

/* fallback for IE6, IE7 and IE8 */
.skinned-form-controls input[type="checkbox"], .skinned-form-controls input[type="radio"]
{
    position: static\9;
}

.skinned-form-controls input[type="checkbox"] + span::before, .skinned-form-controls input[type="radio"] + span::before
{
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.skinned-form-controls input[type="checkbox"]:checked + span::before
{
    background-position: 0 -20px;
}

.skinned-form-controls input[type="radio"] + span::before
{
    background-position: -20px 0;
}

.skinned-form-controls input[type="radio"]:checked + span::before
{
    background-position: -20px -20px;
}

/* disabled form elements */
.skinned-form-controls input[type="radio"]:disabled + span, .skinned-form-controls input[type="checkbox"]:disabled + span, .skinned-form-controls input[type="radio"]:disabled + span::before, .skinned-form-controls input[type="checkbox"]:disabled + span::before
{
    -moz-opacity: .4;
    -webkit-opacity: .4;
    opacity: .4;
}

/* focused and active form elements */
.skinned-form-controls input[type="checkbox"]:focus + span::before, .skinned-form-controls input[type="radio"]:focus + span::before, .skinned-form-controls input[type="checkbox"]:active + span::before, .skinned-form-controls input[type="radio"]:active + span::before
{
    outline: dotted 1px #ccc;
}

/* skin-specific sprite */
.skinned-form-controls.skinned-form-controls-mac input[type="checkbox"] + span::before, .skinned-form-controls.skinned-form-controls-mac input[type="radio"] + span::before
{
    background-image: url('../i/sprite.png');
}
/*End Custom Crossbrowser Styling for Checkboxes and Radio Buttons */

.btnShare:visited
{
    color: #1C94D0;
}
#btnShareItem:visited
{
    color: #1C94D0;
}

#messageBoxDialog p
{
    margin: 14px 0 0 0;
    font: normal 12px Verdana;
}

.ui-state-hide
{
    display: none;
}
#tabresult
{
    padding: 1em 0 1.4em 0;
}
#advancedsearchid a
{
 font: normal 13px 'GoodWeb-book';
 color: #146994;
 padding-top: 8px;
}
#advancedsearchid a:hover
{
    color: #1c94d0;
}
.license-detail
{
    font-size: 18px;
    color: #333333;
}
.searchfilterheader
{
    font: normal 18px 'GoodWeb-Book';
    color: #333333;
    float: left;  
     margin:0 0 10px 10px;
}
.searchfilterclear
{
    font: normal 11px 'Verdana';
    float: right;
    vertical-align:bottom;
 }
 .searchfilterclear a
 {
       color: #1c94d0;
  }
 .searchfilterclear a:hover
 {
       color: #146994;
 }
   .searchfilterclear a:visited
 {
       color: #1c94d0;
  }
.searchfilterContainer
{
   padding: 10px 0 15px 0px;
   background-color:#F3F2F2;/*IE 8 fallback*/
   background-color:rgba(56,38, 30, 0.06);
}
.searchfilterContainer > ul,.searchfilterContainer > div > ul
{
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 0px 2px;
}
.searchfilterContainer > ul ul,.searchfilterContainer > div > ul ul
{
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 18px;
}

/* My deals */
#dealsLicenses span.title, #dealsLicenses span.title
{
    font: bold 14px Verdana;
    color: #333333;
    padding: 0;
    line-height: 0.9em;
    vertical-align: top;   
}
#dealsLicenses span.childtitle, #dealsLicenses span.childtitle
{
    font: bold 16px Verdana;
    color: #333333;   
    vertical-align: top; 
    font: italic 14px 'verdana';  
}
#dealsLicenses .item-license
{
    float: left;
    width: 835px;
    vertical-align: top;
    padding: 10px 0 0 10px;
    border-bottom: 1px dotted #808080;
    margin: 0 0 15px 0;
    font: normal 11px Verdana;
    color: #333333;
}
#dealsLicenses .license-details
{
    margin-top: 5px;
}
.license-details div, .declaration-details div
{
    padding-bottom: 6px;
}
.item-license .label, .item-declaration .label
{
    font-weight: bold;
    color: #666666;
}

.declareButton
{
    width:50px;
    height:13px;
    padding:8px 14px 10px 14px;
    border:1px solid #000;
    color:#ffffff;
    background-color:#BB2522;/*IE8 fix*/
    background-color:rgba(187,37,34,1.0);
    font: bold 11px 'Verdana';
}
.verbiageStyle
{
 font:normal 20px 'GoodWeb-Book';
 margin:25px 25px 25px 25px;
 color:#333333;
}
.verbiageboldStyle
{
 font:normal 24px 'GoodWeb-Bold';
  color:#333333;
}
#myselections .selection-count
{
     background-color:#8A7A79; 
     background-color:rgba(255,204,204,0.3);
     padding:1px 5px 1px 5px;
  
}

.orderHistoryRefreshButton
{
    float: left;
    margin: 3px 0 0 10px;
    border: 1px solid #808080;
    background-color: #efefef;
    color: #333;
    padding: 3px 6px 3px 6px;
}

.orderHistoryRefreshButton:hover
{
    background-color: #fff;
    cursor: pointer;
}

.sarchfilterDropDownDiv span .ui-selectmenu
{
    background-color:#ffffff;
    
}
.sarchfilterDropDownDiv
{
    margin-top: 4px;
    text-align: left;    
}
.sarchfilterDropDownDiv .ui-corner-all
{
-moz-border-radius: 0px /*{cornerRadius}*/;
    -webkit-border-radius: 0px /*{cornerRadius}*/;
    border-radius: 0px /*{cornerRadius}*/;
}
.sarchfilterDropDownDiv .ui-corner-top
{
    -moz-border-radius-topleft: 0px /*{cornerRadius}*/;
    -webkit-border-top-left-radius: 0px /*{cornerRadius}*/;
    border-top-left-radius: 0px /*{cornerRadius}*/;
    -moz-border-radius-topright: 0px /*{cornerRadius}*/;
    -webkit-border-top-right-radius: 0px /*{cornerRadius}*/;
    border-top-right-radius: 0px /*{cornerRadius}*/;
}
.uiDropDownDiv span .ui-selectmenu
{
    background-color:#ffffff;
    
}
#mydealsDiv .rightPanel .progbar
{
  width:150px; 
  height:25px; 
  border-radius: 0;
  float:right;
  margin-right:14px; 
  margin-bottom:5px;
  background-color:#a3be0d;  
  }
#mydealsDiv .rightPanel .meterbarText{
  font: bold 14px 'verdana';
  color: #669900;
  float:right;
  margin-right:14px;
  width:150px;
}
#mydealsDiv .rightPanel .timeframetext
{
    font: italic 11px 'verdana'; 
     color: #669900;    
}

.request-slider { background-color: transparent; margin: -8px 0 16px; padding: 0 8px; }
.request-slider .slider { height: 8px; background-color: transparent; border: none; width: 533px; }
.request-slider .slider .ui-slider-range { background-color: #146994; }
.request-slider .ui-slider-handle { height: 24px; width: 11px; margin-top: 2px; z-index: 4; background: transparent url('images/clipper.png') 0 0 no-repeat;  border: none; }
.request-slider .slider .ui-slider-handle.ui-state-hover { background-position: -12px 0; }
.request-slider .slider .ui-slider-handle:last-child { background-position: -36px 0; margin-left: 0; }
.request-slider .slider .ui-slider-handle:last-child.ui-state-hover { background-position: -24px 0; }
.requestInOut.selected { background-color: #B6B6AB; font-weight: bold; color: #000; }
.request-slider .scrubber { height: 8px; border: none; margin-top: -8px; width: 533px; margin-left: 9px; z-index: 3; background-color: transparent; }
.request-slider .scrubber.right { right: 8px; }
.request-slider .scrubber.center { right: 4px; }
.request-slider .scrubber .ui-slider-handle { height: 19px; width: 9px; background-position: -47px 0; margin-top: 4px; }
.request-slider .scrubber .ui-slider-handle.ui-state-hover { background-position: -56px 0; }
.request-slider .scrubber-played { position: absolute; height: 8px; width: 0; z-index: 2; background-color: #1C94D0; }
#video .shots .shot.outside { cursor: default; filter: alpha(opacity=50); opacity: 0.50; -moz-opacity: 0.50; -khtml-opacity: 0.50; }
#video .shots .shot.outside:hover { border-color: transparent; }
.request-jump, .request-jump:visited { color: #fff; background-color: #adada6; padding: 5px; }
.request-jump.request-in { padding: 5px 8px; margin-right: -4px; }
.request-jump.request-out { margin-left: -4px; }
.request-jump:hover, .request-jump.selected { color: #fff; background-color: #1C94D0; }
.scissors { height: 20px; width: 23px; background: transparent url('images/scissor.png') 0 0 no-repeat;  border: none; vertical-align: top; }

/***ADvanced Search***/

#advancesearchPopup .header span a
{
     font-family:GoodWeb-Bold;
     font-size:34px;
     font-weight:normal; 
     color:#A8A49E;
     color: rgba(51,51,51,.35);
     cursor:pointer;
}
#advancesearchPopup .header span a:hover
{   color:#84817D;
    color: rgba(51,51,51,.55);
}
#advancesearchPopup div.filtersection
{
    font: 11px Verdana;   
}
#advancesearchPopup .filtersection table
{
    width: 100%;
}
#advancesearchPopup .filtersection .column
{
    margin: 0 5px 0 10px;
}
#advancesearchPopup .filtersection .column .filter
{
    margin: 15px 0 0 10px;
}
#advancesearchPopup .filtersection .column .orfilter
{
    margin: 10px 0 20px 10px;
}
#advancesearchPopup .filtersection .column .orfilter label
{
   font-size: 11px;
   font-weight:bold;
}

#advancesearchPopup .filtersection .column .header
{
    font-size: 15px;
    font-weight: normal;
    font-family:GoodWeb-Bold;
    color: #000000;
    margin:5px 0 0 0;
    padding:0 0 5px 0;  
    border-bottom: 1px solid #e6e7e7;
    text-align:left;
 
}
#advancesearchPopup .filtersection .column .decade
{
    padding-left:5px;
}
#advancesearchPopup .filtersection .column .divider
{
    border-bottom: 1px solid black;
    margin: 10px 0 10px 0;
}
#advancesearchPopup .filtersection .filter label
{
  font-size: 11px;
  font-weight:bold;
}
#advancesearchPopup ul .rowspace
{
    margin-bottom: 20px;
}
#advancesearchPopup .filtersection .advsearchDateFilter label
{
    color: #333333;
    display: inline-block;
    font: 11px Verdana;
    margin: 0 0 0 10px;
    padding: 0;
    text-align: left;
    width: 35px;
}

#advancesearchPopup .filtersection .advsearchDateFilter input[type="TEXT"]
{
    border: 1px solid #BFBFBF;
    color: #333333;
    font: 11px Verdana;
    margin: 0 0 12px;
    padding: 6px 10px;
    width: 11em;
}
#advancesearchPopup .filtersection ul > li
{
    text-align:left;
    line-height:18px;
    float:none;
  }

#advancesearchPopup .advancesearchbtn
{
    width: 100%;
    margin: 10px 10px 0 0;
    float: right;
}
#advancesearchPopup .advancesearchbtn > *
{
    display: block;
    height: 40px;
}

#advancesearchPopup ul
{
    list-style-type: none;
    margin: 0;
}

#advancesearchPopup ul li span
{
    color: #333333;
}
li a.advsearchbutton 
{  
   color:  #1c94d0;
   font-family:GoodWeb-Book;
   font-size: 13px;
   padding: 11px 14px 11px 14px;
   background-color: #EFEFEF;
}
li a.advsearchbutton:hover
{
   color: #146994;
}
.searchfooter
{
    margin: 0 10px 10px 0;
}
.advanceddropdown ul.advancedSearch
{
   top:143.5px; 
   padding: 0 0 0 0;
   margin:0px;
   width:720px;
   left:auto; 
   right:0px;
   background-color:#ffffff;
   border-bottom:10px solid #727272;
   border-right:10px solid #727272;
   border-left:10px solid #727272; 
   border-bottom:10px solid rgba(0,0,0,.55);
   border-right:10px solid rgba(0,0,0,.55);
   border-left:10px solid rgba(0,0,0,.55); 
}
.advancesearch table > div > div > ul > li
{
    list-style-type: none;
    text-align:left;
    line-height:18px;
}
.borderdiv
{
   width:627px;  
   border-top:10px solid #727272; 
   border-top:10px solid rgba(0,0,0,.55);
   line-height:10px; 
}
 #advancedsearchbutton:hover
{
   background-color: #146994;
   border-left:10px solid #146994;
   border-right:10px solid  #146994;
}
#advancesearchPopup a
{
    padding: 0;
    color: #000000;
}
#advancesearchPopup a.clear-advlink
{
 font: normal 11px Verdana;
 color: #1C94D0;
}
#advancesearchPopup a.clear-advlink:hover
{
 color: #146994;
 cursor: pointer;  
}
#subscitionddl span
{
    padding: 0;
}
.hilite1
{
    font-weight: bold;
    background-color: #F9EECA;
    background-color: rgba(236,178,0,0.2);
}
#advancesearchPopup input[type="submit"]
{
    float: right;
    background-color: #1c94d0;
    color: #FFFFFF;
    border: 0;
    padding: 0;
    margin: 0;
    width: 113px;
    font-size: 16px;
    text-transform: uppercase;
    font-family: GoodWeb-Book;
}
#advancesearchPopup input[type="submit"]:hover
{
    background-color: #146994;
}
/***Advanced Search***/

/* Comments */
.comment
{
    width: 100%;
    padding: 10px 10px 10px 10px;
    border-top: 1px solid #dadada; /*rgba(56, 38, 30, 0.08);*/
    float: left;
}

.comment:hover
{
    background-color: #e8e8e8 !important;
}

.comment .remove
{
    color: #c0c0c0;
    font-size: 16px;
    font-weight: bold;
    float:right;
    display:none;
}

.comment .remove:hover
{
    color: #606060;
    text-decoration: none;
    cursor: pointer;
}

.comment .timestamp
{
    font-style:italic;
    color: #999;
}

.commentText
{
    margin:2px 0 0 0;
}

.commentInput
{
    width: 98%;
    height: 18px;
    color: Black;
    margin: 8px 10px 11px 10px;
    padding: 7px 0 3px 6px;
    border: 1px solid #c0c0c0;
    overflow:hidden;
    resize: none;
}

.userComment
{
    width: 100%;
    padding: 0 20px 0 0;
}

.userCommentComments
{
    border-top: 1px solid #dadada; /*rgba(56, 38, 30, 0.08);*/
}

.userCommentNoComments
{
    border-top: 1px solid #eeeeee;
}

.commentList
{
    background-color: #EEEEEE; /*rgba(56,38,30,0.06);*/
    margin: 6px 10px 0 0;
    padding: 6px 20px 0 0;
}

.commentListFont
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #5A5959;
    line-height: 10pt;
}

.commentProgress
{
    float: left;
    margin: 0 0 0 10px;
    display:none;
}

.viewCommentLinkFrame
{
    float:left;
    margin: 4px 0 0 0;
}

.viewCommentLink
{
    color: #1c94d0 !important;
    padding: 14px 10px 14px 10px;
}

.viewCommentLink:hover
{
    color: #146994 !important;
}

#toggleComments
{
    width: 30px;
    height: 25px;
    margin: 0 0 0 135px;
    background-image: url('../images/comments/comment-icons.png');
}

#toggleComments:hover
{
    background-position: -60px 0;
    cursor:pointer;
}

.toggleCommentsOn
{
    background-position: -30px 0;
}

.toggleCommentsOff
{
    background-position: 0 0;
}
/* End Comments */

.moveItem
{
    width: 30px;
    height: 25px;
    background-image: url('../i/move-icon.png');
    background-repeat: no-repeat;
    background-position: -30px 0;
    cursor: pointer;
}

.moveItem:hover
{
    background-position: -60px 0;
}

.moveItem.disabled
{
    background-position: 0 0;
}

/* Notifications */
.notification .header
{ 
 display:block;
 padding:30px 0 8px 12px;  
 font-family:GoodWeb-Bold;
 font-size:16px;
 color: #333333; 
 font-weight:normal;
}
.notification ul
{
   margin-left:0px;
}
.notification ul>li
{
   list-style-type:none;  
   width:600px;
}
.notification li div.notificationitem
{
 font-family:Verdana;
 font-size:12px;
 font-weight:normal;
 color: #000000;
 width: 600px;
 padding:5px 0 5px 0;
 width:600px;
 border-top: 1px solid rgba(182,182,171,.3);  
 cursor:pointer;
}
.notification li div.notificationitem:hover
{
  background-color: rgba(182,182,171,.18);
}
.notification li div.unReadNotification
{
 font-family:Verdana;
 font-size:12px;
 font-weight:normal;
 color: #000000;
 padding:5px 0 5px 0;
 width:600px;
 border-top: 1px solid rgba(182,182,171,.3); 
 background-color:#FBF3D8;
 background-color: rgba(236,178,0,.15);
 cursor:pointer;
}
.notification li div.unReadNotification:hover
{
  background-color:#FAEBBF;
  background-color:rgba(236,178,0,.25);
}
.notification li span.timestamp
{
 font-family:Verdana;
 font-size:11px;
 font-style:italic;
 color: #999999;   
 padding:3px 0 0 0; 
}
/* end Notifications*/
/* clipbindropdown styles */
.filterddl .ui-corner-all
{
-moz-border-radius: 0 /*{cornerRadius}*/;
-webkit-border-radius: 0 /*{cornerRadius}*/;
border-radius: 0 /*{cornerRadius}*/;
}
.filterddl .ui-corner-top {
-moz-border-radius-topleft: 0  /*{cornerRadius}*/;
-webkit-border-top-left-radius:0 /*{cornerRadius}*/;
border-top-left-radius:0 /*{cornerRadius}*/;
-moz-border-radius-topright: 0 /*{cornerRadius}*/;
-webkit-border-top-right-radius: 0 /*{cornerRadius}*/;
border-top-right-radius: 0 /*{cornerRadius}*/;
}
.filterddl a:hover
{
  color:White;    
}
/* End clipbindropdown styles */
/* Notification bar styles */
.notificationli
{
   border-bottom:1px solid #A7A09E;
    border-bottom:1px solid rgba(182,182,171,.3);
   margin:0 8px 0 8px;  
   background-color:#ffffff;
   width:370px;
}

.unreadNotificationli
{  background-color:#FBF3D8;
    padding:5px 10px 7px 10px;
   background-color:rgba(236,178,0,.15);
}
.unreadNotificationli:hover
{
     background-color:#FAEBBF;
  background-color:rgba(236,178,0,.25);
}
.readNotificationli
{
   padding:5px 10px 7px 10px;
 }
.readNotificationli:hover
{
     background-color:#F2F2F0;
      background-color:rgba(182,182,171,.18);
}
#myNotification .notificationNav
{
    width:386px; 
    right:0;   
    background-color:#676561;  
    background-color:rgba(0,0,0,.55);     
}
#myNotification .actions .notificationtopdiv
{
    height:8px; 
    float:right;
    background-color:#ffffff;
    margin-right:8px;
}

#myNotification .actions .notificationli a
{
   color:#000000; 
   font-family:Verdana;
   font-size:12px;
   font-style:normal;
}
#myNotification .actions .notificationli a:hover
{
   
}
#myNotification .ViewAllNotification
{
 text-align:center; 
 background-color:#A7A09E; 
 background-color: rgba(0,0,0,.35);
 margin:0 0 8px 0; 
 padding:10px 0 10px 0;
}
#myNotification .ViewAllNotification a
{  
font: normal verdana 12px;
font-family:Verdana;
font-size:12px;
font-style:normal;
color: #ffffff;
text-align: center;
}
#myNotification .ViewAllNotification:hover
{  
   background-color: rgba(0,0,0,.45);
}
#main .notification a
{
  color:Black; 
}
#main .notification a:hover
{
   color:#ECB200; 
}
div#myNotification
{ 
  padding:0px 8px 0 0;
}
#myNotification a.topNavStyles
{
 color:Black;
 background-color:#ffffff; 
}

/* End Notification bar styles */
.searchBar ul
{
    margin:0;
    padding:0; 
}
.searchBar ul>li
{
  list-style-type:none;
  float: left;  
  line-height:40px;      
 }

.oe_overlay{   
     /* Do not display it on entry */
    background-color:Gray;
    display: none;
 
    /* Display it on the layer with index 1001.
       Make sure this is the highest z-index value
       used by layers on that page */
    z-index:999;
    /* make it cover the whole screen */
    position: absolute;
    top: 170px;
    left: 0%;
    width: 100%;
    height: 100%;
 
    /* make it white but fully transparent */
  
    opacity:.0;
    -moz-opacity: 0.0;
    filter: alpha(opacity=0);
   
}

.previewMode .header
{
    color: #333333;
    font-family:GoodWeb-bold;
    font-size:36px;
    font-weight:normal;
    text-transform:uppercase;
    padding:4px 0 2px 0;
 }
.previewMode .subHeader
{
    font-family:Georgia;
    font-size:29px;
    font-weight:normal;  
    color:#333333;  
    font-weight:normal;
    padding-bottom:7px;
}
.previewMode .subHeaderDesc
{
    font-family:Georgia;
    font-size:15px;
    font-weight:normal;  
    color:#333333;  
    font-weight:normal;  
    line-height:23px;
    padding-bottom:15px;
}
.previewMode .login
{   
    width: 113px;    
    display: inline-block;
    padding: 10px 0px 10px 0px;
    line-height: 23px;
    background-color: #1c94d0;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
     margin:0px 0 16px 0;
    font: normal 16px GoodWeb-Book;  
    float:right; 
    font-weight:normal;
}
.previewMode .login:hover
{
    color: #ffffff;
    background-color: #146994;
}
.previewMode .register
{   
    width: 113px;    
    display: inline-block;
    padding: 10px 0px 10px 0px;
    line-height: 23px;
    background-color:  #daa520;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
    margin:0px 10px 16px 0;
    font: normal 16px GoodWeb-Book;  
    float:right; 
    font-weight:normal;
}
.previewMode .register:hover
{
     background-color: #d19600;
}

ul.restore-newsroom {
	list-style: none;
}

ul.restore-newsroom .loading {
	background-image: url("../i/ajax-loader.gif"); 
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}

#compilation-dialog .slimScrollDiv {
	border: solid 1px #ddd;
	margin: 8px;
}

#compilation-dialog .result .message {
    padding: 25px 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
}

#compilation-dialog .result .ok {
	opacity: 1;
}

#compilation-dialog .buttons div {
	font-family: GoodWeb-CondBook, Verdana, Arial, Helvetica, sans-serif;
}

.compilation-items ul {
	list-style: none;
	margin: 8px;
}

.compilation-items input[type=checkbox] { 
	display: inline-block; 
	vertical-align: top;
}

.compilation-items input[type=checkbox] + label {
	background: none;
	width: auto;
}

.add-compilation
{
    background-image: url('../i/icon_grpActn_0009_add-to-clipbin-enabled.png');
	width: 30px;
	height: 25px;
	float: left;
}
.add-compilation:hover
{
    background-image: url('../i/icon_grpActn_0011_add-to-clipbin-ribbon.png');
}

#selectAllCheckbox {
	margin-top: 4px;
}

.searchResultActions .add-compilation {
	margin-top: 4px;
}

.searchResultActions .add-compilation.disabled {
	background-image: url('../i/icon_grpActn_0010_add-to-clipbin-disabled.png');
}

#publishClipbin
{
    width: 29px;
    height: 25px;
    margin: 3px 0 0 6px;
    background-image: url('../i/publish-icon.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    cursor: pointer;
}

#publishClipbin:hover
{
    background-position: -30px 0;
}

#unpublishClipbin
{
    width: 29px;
    height: 25px;
    background-image: url('../i/unpublish-icon.png');
    background-repeat: no-repeat;
    cursor: pointer;
}

#unpublishClipbin:hover
{
    background-position: -30px 0;
}

input[type=checkbox] + label.selection-link {
	cursor: pointer;
	background: none;
	color: #1C94D0;
	vertical-align: top;
	font-size: 11px;
	margin-left: -8px;
	width: 0;
}

.ap-sortable {
    cursor: move;
}

/* Twitter typeahead */
.typeahead,
.tt-query,
.tt-hint {
  width: 185px;
  height: 18px;
  margin: 0 0 4px 0;
  padding: 3px 6px;
  font-size: 14px;
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  outline: none;
  color: #333;
}

.typeahead {
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 98%;
}

.typeahead:focus {
  border: 1px solid #1c94d0;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}

.tt-dropdown-menu {
  width: 350px;
  max-height: 450px;
  overflow: auto;
  margin-top: 4px;
  padding: 4px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 20px;
  font-size: 13px;
  line-height: 18px;
}

.tt-suggestion.tt-is-under-cursor {
  color: #fff;
  background-color: #e6e6e6;
}

.tt-suggestion p {
  margin: 0;
}

/* results specific styles */
/* ----------------------- */

#searchWorkspace .tt-suggestion {
  padding: 4px 10px;
}

#searchWorkspace .tt-suggestion + .tt-suggestion {
  border-top: 1px solid #ccc;
}

#searchWorkspace .repo-type {
  float: right;
  font-style: italic;
}

#searchWorkspace .repo-name {
  font-weight: bold;
}

#searchWorkspace .repo-description {
  color: #999;
  font: italic 11px Verdana;
}
/* End Twitter typeahead*/