﻿/*---------------Header---------------*/
#mediacategorylabelcontainer {}
.mediacategorylabel {}

/*---------------Category---------------*/
.mediacategorygridcontainer {margin:5px;}
.mediacategorygridcontainer .mediacategorygrid {}
.mediacategorygrid .categoryimagecontainer {border:solid 1px #ccc; height:167px; margin:4px; overflow:hidden; width:250px;}


/*---------------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; min-height:400px;}
.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:100px; margin:3px; vertical-align:top; width:108px;}
.photogridcontainer .imagecontainer {border: solid 1px #0191ba; overflow:hidden;}
.photogridcontainer .imagecontainer img {margin:3px;}
.photogridcontainer .imagecontainerhover {background-color:#c2f1ff; border: solid 1px #012258; overflow:hidden;}
.photogridcontainer .imagecontainerhover img{margin:3px;}

/*Single*/


/*---------------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 0 20px 0; width:308px;}
.videogridcontainer .imagecontainer {border: solid 1px #bf343d; overflow:hidden;}
.videogridcontainer .imagecontainer img {margin:3px;}

.videogridcontainer .imagecontainerhover {background-color:#bf343d; border: solid 1px #ddd; overflow:hidden;}
.videogridcontainer .imagecontainerhover img {margin:3px;}

.videogridcontainer .contentcontainer {float:left; width:530px; margin:0 0 0 30px;}
.videogridcontainer .contentcontainer .title {font-size:14px; font-weight:bold; margin:0 0 10px 0;}
.videogridcontainer .contentcontainer .description {margin:0 0 10px 0;}

/*Single2*/
.videoMedia {float:left; margin:0 110px 0 0; width:600px;}
.videoMedia .videoNav {height:30px; margin:10px 0 0 0;}

.videoMedia .videoPlayer {}
.videoMedia .videoPlayer .description {font-style:italic; margin:10px 0 0 0;}
.videoMedia .videoPlayer .tags {}
.relatedGrid {background:#D0D7DD; float:left; width:170px; padding:10px; margin:50px 0 0 0;}
.relatedGrid h2{color:#bf343d; font-family:Georgia; font-size:18px; margin:0 0 5px 0; padding:0px;}
.relatedGrid .name {float:left; width:100px;}

.relatedGrid .imagecontainer {border: solid 1px #bf343d; overflow:hidden; width:155px; float:left; margin:0 5px 0 0;}
.relatedGrid .imagecontainer img {margin:3px;}
.relatedGrid .imagecontainerhover {background-color:#bf343d; border: solid 1px #012258; overflow:hidden; width:155px; float:left; margin:0 5px 0 0;}
.relatedGrid .imagecontainerhover img{margin:3px;}



