/* root element for scrollable */
.vertical {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 320px;	 
	border-top:1px solid #ddd;	
}
#mostViewedDemoScrollable
{
    width: 345px;/*300px;*/ 
    }
    
/* root element for scrollable items */
.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;	
	margin: 0px;
}

/* single scrollable item */
.item {
	border-bottom:1px solid #ddd;	
	margin:5px;
	padding:5px;
	font-size:12px;
	height:76px;
}

/* elements inside single item */
.item img {
	float:left;
	margin-right:20px;
	height:72px;
	width:96px;
}

.item img.ms_employee, 
.item img.top_ten

{
    height: 19px;
    width:19px;
    margin:2px 4px 2px 0;
}
/* single scrollable item (smaller) */
.itemSmaller {
	border-bottom:1px solid #ddd;	
	margin:5px;
	padding:5px;
	font-size:12px;
	height:50px;
}

/* elements inside single item (smaller) */
.itemSmaller img {
	float:left;
	margin-right:15px;	
	/*width:40px;
	height:30px;*/
	width:61px;
	height:46px;
}
.itemSmaller .item_info
{
    width: 246px;/*210px;*/
    float:left;
}
/***** Bigger Thumbnail scrollable ****/
.bigger .vertical {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 405px;	 
	width: 490px;
	border-top:1px solid #ddd;	
}


/* root element for scrollable items */
.bigger .items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;	
	width:100%;
	margin: 0px;
}

/* single scrollable item (bigger) */
.bigger .item {
	border-bottom:1px solid #ddd;	
	margin:5px;
	padding:5px;
	font-size:1em;
	height:120px;
}

/* elements inside single item (bigger) */
.bigger .item img.result {
	float:left;
	margin-right:20px;	
	width:133px;
	height:100px;
}
.theme .bigger
{
    float:left;
    }
#featureDemoScrollable, .themes .bigger
{
    width:520px;
    }
#featureDemoScrollable .items, #featureDemoScrollable .items .item
{
    width:520px;
    }


/***** End of Bigger Thumbnail scrollable ****/

.item h3 {
	margin:0 0 5px 0;
	font-size:16px;
	color:#456;
	font-weight:normal;
}

/* the action buttons above the scrollable */
.actions 
{
    float:right;
	width:18px;	
	margin-left: 10px;
}

.actions a {
	font-size:11px;		
	cursor:pointer;
	color:#666;
}

.actions a:hover {
	text-decoration:underline;
	color:#000;
}

.disabled {
	visibility:hidden;		
}

.bigger
{
    width:490px;
    float:right;
    }
.featured_demos_actions
{
    height:405px;
    }
/*home page theme scrolling*/
#themeScrollable
{
    border:0;
    float:left;
    height:180px;
    width:79px;
    margin-top: 18px;
    z-index: 1;
    }    
#themeScrollable .item
{
    border:0;
    padding:0;
    margin:4px 0;
    height:57px;
    }
#themeScrollable .item img
{
    height:49px;
    width:62px;
    
    }
#themeScrollable .item img,
#themeSplash img
{
    border: 1px solid #000;
    margin:0;
    padding:0;
    }
#themeSplash
{
    margin-left:-60px;
    z-index:-1;
    float:left;
    }
#themeSplash a img
    {
        width: 340px;
        height: 213px;
}
#actions.theme_scroller
{
    float:left;
    position:relative;
    right: 335px;
    top:4px;
    width: 22px;
}
#actions.theme_scroller .next
{
    position:relative;
    top:180px;
    right:2px;
}

#itScrollable, #itScrollable .itemSmaller
{
    width:275px;
    }
#itScrollable .itemSmaller img 
{
    margin-right: 15px;
    }
#itScrollable .itemSmaller .item_info
{
    width:210px
    }
    
.details_page .content_box
{
    width:590px;
    }
.details_page #itScrollable, .details_page #itScrollable .itemSmaller
{
    width:580px;
    }
.details_page #itScrollable .itemSmaller .item_info
{
    width:500px
    }
.dashboard_page #itScrollable .itemSmaller, .dashboard_page #itScrollable
{
    width: 345px;
    }
.dashboard_page .itemSmaller .item_info
{
    width:265px;
    }
.theme #mostViewedDemoScrollable,
.theme .items,
.theme .itemSmaller,
.theme #itScrollable
{
    width: 317px;
    }
.theme .itemSmaller .item_info
{
    width:240px;
    }
.view_demo_page #itScrollable .itemSmaller, .view_demo_page #itScrollable
{
    width: 254px;
    }
.view_demo_page #itScrollable .itemSmaller .item_info
{
    font-size:11px;
    width:174px;
    }