#divMaster       /* --Master Div - Absolute size, Include all Divs-- */
{
    width: 774px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#divTopLine_SRC      /* Top Part */
{
    width: 100%;
    float: left;
    clear: both;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 3px 0px;
}

#divTopLine
{
    /*border: thin solid #00FFFF;*/
    width: 774px;
    float: left;
    clear: both;
    padding: 4px 0px 0px 0px;
    margin: 4px 0px 3px 0px;
}

#divTopLine_30_09_2008
{
    /*border: thin solid #00FFFF;*/
    width: 774px;
    float: left;
    clear: both;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 3px 0px;
}



#divBodyLine     /* Middle (body) Part */
{
    width: 100%;
    /*float: left;*/
    clear: both;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 3px 0px;
}

#divBodyLine_30_09_2008     /* Middle (body) Part */
{
    width: 100%;
    /*float: left;*/
    clear: both;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 3px 0px;
}

#divBottomLine_07_12_2008   /* Bottom (body) Part */
{
    width: 774px;
    height: 60px;
    float: left;
    clear: both;
    padding: 10px 0px 0px 0px;
    margin: 5px 0px 0px 0px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #d9dadc;
}

#divBottomLine   /* Bottom (body) Part */
{
    width: 774px;
    height: 25px;
    float: left;
    clear: both;
    padding: 10px 0px 0px 0px;
    margin: 5px 0px 0px 0px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #d9dadc;
}

#divTopColumn
{
	width: 100%;
	height: 25px;
	padding: 0px 0px 0px 0px;
	position: relative;
	clear: both;
	overflow: auto;
	text-align: right;
	vertical-align: middle;
	border-bottom-color: #000080;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

#divRightColumn
{
	width: 224px;
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 1px 0px 0px;
	float: right;
	clear: right;
	overflow: hidden;
	text-align: right;
}

#divLeftColumn
{
	width: 530px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 2px;
	position: relative;
	float: left;
	clear: left;
	overflow: hidden;
	text-align: right;
}




#divLinks
{
    height: 20px;
    background-color: #c2d4ec;
    margin: 2px 2px 2px 2px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    vertical-align: middle;
    overflow: hidden;
    background-image: url('/ModiinWebSite/Images/SiteGrafic/TopbarBackground.gif');
}

#divLogo    /* Logo & its background area */
{
	width: 770px;
    height: 123px;
    background-color: white;
    text-align: right;
    margin: 2px 2px 2px 2px;
    padding: 0px 0px 0px 0px;
    background-image: url(/ModiinWebSite/Images/Logos/logoareaBG01.jpg);
}

#divShadowLine   /* the style Shadow image area */
{
	width: 770px;
	height: 5px;
    margin: 0px 2px 10px 2px;
    padding: 0px 0px 0px 0px;
    background-image: url(../../Images/SiteGrafic/MainMenuShadow.gif);
    font-size: 1px;
}


#divToolBarLine
{
    /*border: thin solid #00FF00;*/
     width:772px;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}

#divSearchPart
{
	width: 224px;
	position: relative;
	float: right;
	clear: none;
	text-align: right;
    overflow: hidden;
    margin: 0px 1px 0px 0px;
}





    /* divs elements id that was included into divBottom */
#divBottom_Links
{
    width: 100%;
    position: relative;
    top: 5px;
    clear: both;
    text-align: center;
    border-top-style: solid;
    border-top-color: #da2d25;
    border-top-width: 1px;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 0px 0px;
}

#divBottom_Rights
{
    width: 774px;
    position: relative;
    top: 10px;
    clear: both;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
    /* End divs elements id that was included into divBottom */


/* --------Images Element IDs---------- */
#imgLogoModiin
{
	width: 122px;
	height: 85px;
	position: relative;
	float: left;
	clear: left;
	left: 0px;
	margin: 35px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}

#imgSearchIcon
{
	width: 21px;
	height: 21px;
	position: relative;
	float: left;
	clear: left;
	margin: 1px 0px 1px 2px;
}









div.VideoScreenContainer
{
	right: 80px;
    width: 318px;
    height: 228px;
    position: relative;
    background-image: url(../../Images/GraficImages/screen.gif);
    text-align: center;
    margin-bottom: 5px;
}

div.VideoPanel
{
	right: 75px;
    width: 329px;
    height: 35px;
    position: relative;
    background-image: url(../../Images/GraficImages/emptypanel.gif);
}

object.VideoScreen
{
    width: 273px;
    height: 193px;
    position: absolute;
    top: 18px;
    left: 22px;
}

#StopIcon
{
    width: 17px;
    height: 11px;
    position: absolute;
    top: 12px;
    left: 10px;
}

#PlayIcon
{
    width: 10px;
    height: 16px;
    position: absolute;
    top: 10px;
    left: 38px;
}

#PauseIcon
{
    width: 6px;
    height: 10px;
    position: absolute;
    top: 13px;
    left: 38px;
}

#SoundVolumeBar
{
    width: 150px;
    height: 8px;
    position: absolute;
    top: 14px;
    left: 58px;
}

#SoundVolumeTracker
{
    width: 11px;
    height: 19px;
    position: absolute;
    top: 8px;
    left: 58px;
}

#VolumeEnabledIcon
{
    width: 28px;
    height: 23px;
    position: absolute;
    top: 8px;
    left: 215px;
}

#FullScreenSize
{
   width: 48px;
   height: 16px;
   position: absolute;
   top: 10px;
   left: 265px;
}



/* ------------------------------ Motti Main Page --------------------------- */

     div.tools {
        float: left;
        width:774px;
        background-color: yellow;
        clear:both ;
     }
     
     div.tools div.col1 {
        position: relative;
        background-color: blue;
        float: left;
        clear: left;
        height :600px;
        width:530px;
     }
     

     div.tools div.col2 {
        background-color: red;
        float: right;
        clear: right;
        width :226px;
        height:250px;
     }
     
     div.tools div.col1_NoHieght {
        position: relative;
        background-color: blue;
        float: left;
        clear: left;
        width:530px;
    
     }
     
     div.tools div.col2_NoHieght {
        background-color: red;
        float: right;
        clear :right ;
        width :226px;
        
     }
     
     
div.Baner_Box_Thin_BlueGradientBg
{
    /*border: medium solid #FF00FF;*/
    width: 224px; /*position: relative;*/
    float: right;
    clear: both;
    background-repeat: repeat-y;
    background-position: left;
    margin: 0px 0px 5px 0px;
    text-align: center;
    overflow: hidden;
}

img.ImageBaner
{
    width: 96%;
    cursor: pointer;
}

    
div.Box_Thin_BlueGradientBg
{
    width: 224px;
    position: relative;
    float: right;
    clear: both;
    /*background-image: url(../../Images/SiteGrafic/BlueGradientBG.jpg);*/
    background-image: url(../../Images/SiteGrafic/WhiteGradientBG.gif);
    background-repeat: repeat-y;
    background-position: left;
    margin: 0px 0px 5px 0px;
    text-align: right;
    overflow: hidden;
}

div.Box_Thin_BlueGradientBgNoS
{
    width: 224px;
    position: relative;
    float: right;
    clear: both;
    /*background-image: url(../../Images/SiteGrafic/BlueGradientBG.jpg);*/
    background-image: url(../../Images/SiteGrafic/WhiteGradientBGNoS.gif);
    background-repeat: repeat-y;
    background-position: left;
    margin: 0px 0px 5px 0px;
    text-align: right;
    overflow: hidden;
}


div.Box_Thin_BlueGradientBg_Bener
{
    /*border: thin solid #00FFFF;*/
    width: 224px;
    position: relative;
    float: right;
    clear: both; /*background-image: url(../../Images/SiteGrafic/BlueGradientBG.jpg);*/ /*background-image: url(../../Images/SiteGrafic/WhiteGradientBG.jpg);
    background-repeat: repeat-y;
    background-position: left;*/
    margin: 0px 2px 5px 0px;
    text-align: right;
    overflow: hidden;
    padding-right: 2px;
}

div.Box_Thin_BlueGradientBgNoShadow
{
    width: 224px;
    position: relative;
    float: right;
    clear: both;
    /*background-image: url(../../Images/SiteGrafic/BlueGradientBG.jpg);*/
    /*background-image: url(../../Images/SiteGrafic/WhiteGradientBG.jpg);*/
    background-repeat: repeat-y;
    background-position: left;
    margin: 0px 0px 5px 0px;
    text-align: right;
    overflow: hidden;
}


div.divInside
{
    /* border-style: solid;*/
/*    border: thin solid #FF0000;
    float: left;
    clear: both;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;*/
}

div.divInsideRight
{
    /* border-style: solid;*/
    border: thin solid #FF0000;
    float: right;
    clear: both;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

/* ------------------ Test Two --------------------------- */


   * /* Our "universal rule" */
    {
    padding: 0;
    margin: 0;
    border: 0;
    }

div.mainContainer
{
    padding: 0px;
    /*border: thin solid #FF00FF;*/
    width: 770px;
    margin: 0 auto; /* We are going to center this design */
    text-align: left;
    clear: both;
}
   
div.mainContainer div.header {
   background: #000;
   color: #fff;
   }
div.mainContainer div.content {
   float: left; /* Our content is going to be left aligned */
   width: 536px; /* And it's going to have a 500px width */
   /*background: #D9D9D9;*/
   }
div.mainContainer div.contentMainPage {
   float: left; /* Our content is going to be left aligned */
   width: 530px; /* And it's going to have a 500px width */
   /*background: #D9D9D9;*/
   }  
   
div.mainContainer div.column
{
    float: right; /* Our column is going to be right aligned */
    width: 226px;
    
}
  
div.mainContainerFooter
{
    /*border: thin solid #FF00FF;*/
    width: 760px; /* We need to set the width on the footer since it's outside the mainContainer, and therefor isn't controlled by it */
    margin: 0 auto; /* We need to center the footer also */
    /*background: yellow;*/
    clear: both;
}

div.BottomBarButton_SRC_06_11_2008
{
    /*border: thin solid #FF00FF;*/
    width: 200px;
    float: left;
    clear: both;
    margin-bottom: 31px;
}

div.BottomBarButton
{
    /*border: thin solid #FF00FF;*/
    width: 120px;
    float: left;
    clear: both;
    position: relative;
}

/* ------------------------------------------------------------------------------------------------------------------------ */ 
/* Moved From LogoBarStyleSheet.css */
/* ------------------------------------------------------------------------------------------------------------------------ */ 

.imgMenuRight
{
	position: relative;
	float: right;
	clear: none;
	right: 0px;
	width: 6px;
	height: 21px;
	border: none 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.imgMenuLeft
{
	position: relative;
	float: right;
	clear: none;
	left: 0px;
	width: 6px;
	height: 21px;
	border: none 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.ancMenu
{
	text-decoration: none;
}

/* ------------------------------------------------------------------------------------------------------------------------ */ 
/* Moved From TagsClasses1.css  */
/* ------------------------------------------------------------------------------------------------------------------------ */ 

/* ---------Div classes----------- */

	/* main menu item */
	
div.TemplateColumn_FullWidth
{
	width: 99.25%;
	position: relative;
	float: left;
	clear: both;
	direction: rtl;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	overflow: hidden;
	border: solid 1px #000080;
}

div.TemplateColumn_FullWidth_BottomBorder
{
	width: 100%;
	position: relative;
	float: left;
	clear: both;
	direction: rtl;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	border-bottom-color: #000080;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	overflow: hidden;
}


div.TemplateColumn_LongWidth_Left
{
	width: 70%;
	position: relative;
	float: left;
	clear: left;
	direction: rtl;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	overflow: hidden;
}

div.TemplateColumn_ShortWidth_Right
{
	width: 29%;
	position: relative;
	float: right;
	clear: right;
	direction: rtl;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	overflow: hidden;
	border: solid 1px #000080;
}

span.Title_Size4_DarkBlue_Center
{
	position: relative;
	clear: both;
	font-family: Arial;
	font-weight: bold;
	font-size: 16px;
	color: #000080;
}

span.HeadInfo_Right_DarkGray
{
	position: relative;
	float: right;
	clear: right;
	margin: 0px 3px 3px 3px;
	font-family: Arial;
	font-weight: normal;
	color: #808080;
}

span.HeadInfo_Left_DarkGray
{
	position: relative;
	float: left;
	clear: left;
	margin: 0px 3px 3px 3px;
	font-family: Arial;
	font-weight: normal;
	color: #808080;
}
/* ------------------------------------------------------------------------------------------------------------------------ */ 

/* -------------------------------------------------------------------- */
/*                               Google Search                          */
/* -------------------------------------------------------------------- */


input.txtSearchBox_Google
{
    width: 182px;
    height: 20px;
    border-style: solid;
    border-width: 1px;
    border-color: #709acc;
    margin: 1px 1px 0px 0px;
    padding: 0px 0px 0px 1px;
    text-align: right;
    position: relative;
    float: right;
    clear: none;
    font-weight: normal;
    font-size: 16px;
    font-family: Arial;
}


input.Image_Search_Engine
{
    width: 21px;
    height: 21px;
    padding: 0px;
    margin: 1px 2px 0px 0px;
    border: none;
    float: right;
}

span.cse-branding-text
{
    font: 11px Arial;
   
}
img.cse-branding
{
    position: relative;
    float: left;
    clear: left;
}


div.SearchArea
{
	width: 212px;
	height: 24px;
	position: relative;
    background-image: url(../../Images/SiteGrafic/BlueGradientBG1.jpg);
    background-repeat: repeat-y;
    background-position: left;
	float: right;
	clear: none;
	text-align: right;
	border-style: solid;
	border-width: 1px;
	border-color: #709acc;
}

div.SearchOptions
{
    height: 20px;
    width: 212px;
    position: relative;
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
    left: 2px;
    text-align: left;
}

td.EmptyWidth100
{
    width: 100px;
}

div.RecentNewsMessage
{
    /*border: thin solid #FF0000;*/
    margin-bottom: 10px;
    padding-bottom: 10px;
    float: right;
    position: relative;
}


spna.SpanCenter
{
    text-align: center;
}


table td.TdCenter
{
    text-align: center;
}

table td.TdRight
{
    text-align: right ;
}

table td.TdLeft
{
    text-align: left ;
}

          
.cssPager span
{
    /*padding: 10px;
    margin: 20px;
    background-color: #4f6b72;*/
}  


.cssPager td span
{
    padding: 2px;
    border: solid 1px #c1c1c1;
    color: #0000D5;
    background-color: #FF5B0D;
    float: left;
}
        
  .cssPager td a { 
    padding: 2px; 
    border: solid 1px #c1c1c1; 
    background-color: #FFC5A8;
    float: left;
}
              
.mGrid { 
    width: 100%; 
    background-color: #fff; 
    margin: 5px 0 10px 0; 
    border: solid 1px #525252; 
    border-collapse:collapse; 
}
.mGrid td { 
    padding: 2px; 
    border: solid 1px #c1c1c1; 
    color: #717171; 
}
.mGrid th { 
    padding: 4px 2px; 
    color: #fff; 
    background: #424242 url(grd_head.png) repeat-x top; 
    border-left: solid 1px #525252; 
    font-size: 0.9em; 
}
.mGrid .alt { background: #fcfcfc url(grd_alt.png) repeat-x top; }
.mGrid .pgr { background: #424242 url(grd_pgr.png) repeat-x top; }
.mGrid .pgr table { margin: 5px 0; }
.mGrid .pgr td { 
    border-width: 0; 
    padding: 0 6px; 
    border-left: solid 1px #666; 
    font-weight: bold; 
    color: #fff; 
    line-height: 12px; 
 }   
.mGrid .pgr a { color: #666; text-decoration: none; }
.mGrid .pgr a:hover { color: #000; text-decoration: none; }