﻿/*---------------Header---------------*/
#mediacategorylabelcontainer {border-bottom:solid 1px #999; margin:10px; padding:5px;}
.mediacategorylabel {font-size:150%;}

/*---------------Category---------------*/
.mediacategorygridcontainer {margin:5px;}
.mediacategorygridcontainer .mediacategorygrid {}
.mediacategorygrid .categoryimagecontainer {border:solid 1px #ccc; height:167px; margin:4px; overflow:hidden; width:250px;}

/*---------------Breadcrumbs---------------*/
.breadcrumbcontainer {margin:0 0 10px 0; width:550px;}
/*---------------Tags---------------*/
#mediatagcontainer {}
#mediatagcontainer a:link, #mediatagcontainer a:active, #mediatagcontainer a:visited {color:#03b4e7; margin-right:4px; text-decoration:none;}
#mediatagcontainer a:hover {color:#0191ba; margin-right:4px; text-decoration:underline;}

/*---------------Pager---------------*/
.pagercontainer {background-color:#96cae7; border: solid 1px #012258; margin:5px; padding:3px;}
.pagercontainer a:link, .pagercontainer a:visited, .pagercontainer a:active {color:#002e79; text-decoration:none;}
.pagercontainer a:hover{color:#012258; text-decoration:underline;}

/*---------------Photo---------------*/
/*Flow*/
.photogridcontainer {margin:10px;}
.photogridcontainer a:link, .photogridcontainer a:visited, .photogridcontainer a:active {color:#002e79; text-decoration:none;}
.photogridcontainer a:hover {color:#012258; text-decoration:underline;}

.photogridcontainer .mediaelementflowcontainer {color:#999; float:left; height:106px; margin:6px; vertical-align:top; width:75px;}
.photogridcontainer .imagecontainer {border: solid 1px #894d31; overflow:hidden;}
.photogridcontainer .imagecontainer img {margin:3px;}
.photogridcontainer .imagecontainerhover {background-color:#fcdfc5; border: solid 1px #894d31; overflow:hidden;}
.photogridcontainer .imagecontainerhover img{margin:3px;}

/*Single*/
.photoWrapper {float:left; margin:0 20px 0 0; width:300px;}
.description {float:left; font-style:italic; margin:150px 0 0 0; width:270px;}

/*---------------Video---------------*/
/*Flow2*/
.videogridcontainer {margin:10px; min-height:400px;}
.videogridcontainer a:link, .videogridcontainer a:visited, .videogridcontainer a:active {color:#002e79; text-decoration:none;}
.videogridcontainer a:hover {color:#012258; text-decoration:underline;}

.videogridcontainer .image {float:left; margin:0 20px 0 0; width:208px;}
.videogridcontainer .imagecontainer {border: solid 1px #ff0000; overflow:hidden;}
.videogridcontainer .imagecontainer img {margin:3px;}

.videogridcontainer .imagecontainerhover {background-color:#ff0000; border: solid 1px #ddd; overflow:hidden;}
.videogridcontainer .imagecontainerhover img {margin:3px;}

.videogridcontainer .contentcontainer {float:left; width:300px;}
.videogridcontainer .contentcontainer .title {font-size:14px; font-weight:bold;}
.videogridcontainer .contentcontainer .description {}

/*Single2*/
.videoMedia {float:left; width:500px;}
.videoMedia .videoNav {}

.videoMedia .videoPlayer {}
.videoMedia .videoPlayer .description {font-style:italic; margin:10px 0 0 0;}
.videoMedia .videoPlayer .tags {}
.relatedGrid {float:left; width:400px;}
.relatedGrid .name {float:left; width:100px;}

.relatedGrid .imagecontainer {border: solid 1px #0191ba; overflow:hidden; width:134px; float:left; margin:0 5px 0 0;}
.relatedGrid .imagecontainer img {margin:3px;}
.relatedGrid .imagecontainerhover {background-color:#c2f1ff; border: solid 1px #012258; overflow:hidden; width:134px; float:left; margin:0 5px 0 0;}
.relatedGrid .imagecontainerhover img{margin:3px;}



