﻿ul{ list-style-type:none;}    
    
.left{ float:left;} 
.right{ float:right}
.clear{ clear:both;}   
.center{ margin:0 15%;}

.thumb
{
    width:100px;
    margin-bottom:10px;   
    padding-top:10px;
    float:left;
    
    }        
.thumb img{  }   
div.prSep{ width:900px; color:Black; clear:both; height:10px; background-color:White}
.programContainer 
{
  font-size:12px;
  margin-top:15px;
  width:295px;
  float:left;     
  margin-left:10px;
 }
.programContainer h3{ margin-bottom:5px; }
.programContainer .programInfo{
    padding-left:10px;
    padding-right:10px;  
    border:1px dotted #D8D8D8;
    padding-top:10px;
}
ul.infoShort{ float:right; width:140px;}
ul.infoShort li span{ font-weight:bold; color:Black; padding-right:7px;}
ul.infoShort li{ color: #ec7900;}

.programContainer .DescShort{text-align: justify;} 
.programContainer .Platform span ,
.programContainer .Category span 
{
    font-weight:bold; 
    color:Black;
    padding-right:7px;  
    }
.programContainer .Platform,
.programContainer .Category 
{
    
    color: #ec7900;
    font-weight:normal;
    }
.programContainer .Buttons a
{
    float:right;
    }
.programContainer .DescShort,
.programContainer .Platform,
.programContainer .Category, 
.programContainer .Buttons 
{
    margin-top:7px;
    
    }
h3 a { font-size:14px;}

.ProgramList .sep
{
    clear:both;
    width:900px;
    display:block;
    }
/* Category list */
.CategoryList 
{
    padding-top:10px;
    padding-bottom:10px;
    font-size:14px;
    margin-top:5px;
    }
.CategoryList div.title
{
    color:White;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:10px;
    font-size:15;
    font-weight:bold;
    }
.CategoryList .CategoryLink
{
    display:block;
    width:25%;
    float: left;
    margin-left:5%;
    }
/* Program Details */
.ProgramTitle{
    margin: 15px 10px 0px 270px; 
    float:none;
    font-size:18px;
    font-weight:bold;
}
.programScreenshort,
.ProgramDetails{
    margin: 10px 10px 10px 10px; border: dotted 1px gray; display:table; 
    }
.ProgramDetails .LeftComlumn
{
    float:left; 
    width:250px;  
    font-size:10px; 
    vertical-align:bottom; 
    }
.ProgramDetails .LeftComlumn div
{
    padding-left:50px;
    float:none;
    font-weight:bold; 
    font-size:12px;
    }
.ProgramDetails .LeftComlumn div span
{
    font-weight:normal; 
    color:#fb8c26;
    }
.ProgramDetails .LeftComlumn .ProgramLinks a
{
    margin:0 auto;
    }    
.ProgramDetails .LeftComlumn .thubnain img 
{
    margin-top:15px;
    margin-bottom:10px;
}
.ProgramDetails .RightColumn{ float:right;}
.ProgramDetails .RightColumn
{
    float:right; 
    width:645px;  
    border-left: solid 1px gray;  
    padding: 5px 5px 5px 5px; 
    }
.ProgramDetails .RightColumn .Categories
{
    text-align:left;
    float:none;
    }
    
.ProgramDetails .RightColumn .section
{
    clear:both;
    float:none; 
    vertical-align:middle; 
    font-size:13px; 
    padding-top:15px; 
    width:100%;
    }
.ProgramDetails .RightColumn .section span
{
    font-weight:bold; 
    }
.ProgramDetails .RightColumn .section ul li
{
    float:left;
    padding-right:15px;
    color:#fb7800;
    }
.ProgramDetails .RightColumn .section ul li span
{
    font-weight:bold;
    color:Black;
    }    
 /* Submit Page*/   
.SubmitContainer
{
    display:table; 
    padding-top:7px; 
    height:auto; 
    width:930px;
    font-size:14pt;
    }
.SubmitContainer .body
{
   
    }
.SubmitContainer .body ul
{
    width:500px;
    margin:0px auto;
    }
    
.SubmitContainer .body ul optgroup
{
    font-weight:bold;
    color:#ec7900;
    }
.SubmitContainer .body ul optgroup.norm,
.SubmitContainer .body ul option.norm{ background-color:#fff2c2;   }

.SubmitContainer .body ul optgroup.alt,
.SubmitContainer .body ul option.alt{ background-color:#ffffff;   }
    
.SubmitContainer .body ul li{ font-size:14px; padding-top:5px; padding-bottom:5px;}
.SubmitContainer .body ul .subCat
{
    background-color:#efefef;
    }

.SubmitContainer .body ul li i{ font-style:normal; font-weight:bold;display:inline-table; width:130px;}

.SubmitContainer .body .Errors
{
    width:350px;
    margin:0px auto;
    }
.field-validation-error
{
    color:Red;
    font-weight:bold;
    display:block;
    font-size:14px
    }
.shortStatistics div.c
{
    width:33%;
    padding:10px;
    }
/* ProgramListShort */
.programListShot
{
   font-weight:bold; 
   vertical-align:middle; 
   font-size:13px; 
   width:inherit;  
   color:#000; 
   font-weight:normal; 
    }        
.programListShort .program
{
    clear:both;
    padding:10px 10px 0px 10px; 
    padding-bottom:10px; 
    border-bottom: dotted 1px gray; 
    display:table;
    }
.programListShort .program .title{ font-size:22px; margin-bottom:5px;}
.programListShort .program .icon{ float:left;  margin-right:10px; }
.programListShort .program{
    font-size:13px;
}

.programScreenShot
{
     margin: 10px 10px 10px 10px; border: dotted 1px gray; display:table; 
    }
.programScreenShot .program .text{
    clear:both;
    float:none;
    font-size:13px;
    padding:5px;
    vertical-align:middle;
}
.programScreenShot .program .text .txt
{
   
    }
/*Screeshot*/
.programScreenShot .program .text span{
    font-weight:bold;
    color:Black;
}
.programScreenShot .program .screenshot,
.programScreenShot .program .title
{
    text-align:center;
    
    }
.programScreenShot .program .ads
{
    text-align:center;
    }
#statisticList
{
    padding-top:10px;
    padding-bottom:10px;
    }    
#statisticList .row-alt,
#statisticList .row
{
    line-height:25px;

    border-top: solid 1px #dddddd;
    }

#statisticList .number
{
    font-weight:bold;
    float:right;
    width:10%;
    text-align:right;
    padding-right:7px;
    }
#statisticList .number a{ font-weight:normal;}
 
#statisticList .txt
{
    width:89%;
    float:left;
    font-size:14px; 
    }
#privacy
{
    font-size:11px;
    }    
#privacy h1
{
    font-weight:bold;
    font-size:13px;
    }    
.dynamic .pr
{
    float:left;
    width:33%;
    padding-bottom:6px;
    font-size:13px;
    
    }    